@layer core,component,theme;@layer core{:root{--font-family: "Oswald";--colour-default: #11163c;--colour-background: #ffffff;--colour-outline: #000000;--colour-surface: #ffffff;--colour-accent: #ce4836;--page-width: 1320px;--spacing-0: 3px;--spacing-1: 5px;--spacing-2: 12px;--spacing-3: 15px;--spacing-4: 20px;--spacing-5: 30px;--spacing-6: 48px;--spacing-7: 60px;--icon-size: 20px;--container-margin-sm: var(--spacing-2);--font-size-h1: 40px;--font-size-h2: 28px;--font-size-h3: 18px;--font-size-base: 16px;--font-size-small: 15px;--font-size-smallest: 13px;--font-weight-base: 400;--font-weight-bold: 700;--line-height-tight: 1;--line-height-base: 1.2;--line-height-copy: 1.5;--line-height-loose: 2;--colour-default-10: color-mix(in srgb, var(--colour-default), transparent 90%);--colour-default-20: color-mix(in srgb, var(--colour-default), transparent 80%);--colour-default-60: color-mix(in srgb, var(--colour-default), transparent 40%);--colour-default-70: color-mix(in srgb, var(--colour-default), transparent 30%);--colour-accent-10: color-mix(in srgb, var(--colour-accent), transparent 90%);--colour-danger: #f8d7da;--colour-warning: #fff3cd;--colour-success: #d1e7dd;--colour-info: #cff4fc;--border-rounding-base: 5px;--border-rounding-large: 10px;--opacity-60: 60%;--opacity-40: 40%;--shadow-1: 0 2px 5px rgba(0, 0, 0, .02);--shadow-2: 0 5px 20px rgba(0, 0, 0, .05);--product-img-small: 70px;--header-height: 200px;@media (min-width: 768px){--header-height: 115px}}}@layer core{*,:before,:after{box-sizing:border-box}html{overscroll-behavior:none;scroll-behavior:smooth}body{margin:0;background-color:var(--colour-background);font-size:var(--font-size-base);font-weight:var(--font-weight-base);color:var(--colour-default);line-height:var(--line-height-base);font-family:var(--font-family),system-ui,-apple-system,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans","Liberation Sans",sans-serif;overscroll-behavior:none;background-repeat:no-repeat;background-position:center top;background-size:cover;background-attachment:fixed;min-height:100dvh;scroll-behavior:smooth}h1,h2,h3,h4{margin:0}h1{font-size:var(--font-size-h1);margin-bottom:var(--spacing-5)}h2{font-size:var(--font-size-h2)}h3{font-size:var(--font-size-h3)}p{margin:0}a{color:inherit;text-decoration:none}b,strong{font-weight:700}svg{fill:currentColor}img{max-width:100%}}@layer core{button,[type=button],[type=reset],[type=submit]{-webkit-appearance:button}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}@keyframes spinner{to{transform:rotate(360deg)}}button,input,select,textarea{font-size:100%;font-family:inherit;line-height:inherit;margin:0}input[type=text],input[type=password],input[type=email]{padding:var(--spacing-1) var(--spacing-3);border-radius:var(--border-rounding-base);background-color:#fff;border:none;color:inherit;&::placeholder{opacity:.9}}a.btn,button{display:flex;align-items:center;justify-content:center;color:inherit;gap:var(--spacing-1);cursor:pointer;background:none;border:none;padding:0;white-space:nowrap;&:disabled{cursor:default}&.link{color:var(--colour-accent);text-decoration:underline;gap:0}&.text{background:none;border:none;padding:0}&.primary,&.secondary{border-radius:var(--border-rounding-base);padding:var(--spacing-3) var(--spacing-4);line-height:var(--line-height-copy)}&.primary{background-color:var(--colour-accent);color:var(--colour-surface);&:hover{background-color:var(--colour-default-60);color:var(--colour-surface)}}&.secondary{border:1px solid var(--colour-default-60);color:var(--colour-default-60);&:hover{background-color:var(--colour-default-60);color:var(--colour-surface)}}.spinner{width:1em;height:1em;border-radius:100%;border:4px solid currentColor;border-right-color:transparent;animation:.7s linear infinite spinner}}}@layer core{.icon{display:flex;align-items:center;svg{width:var(--icon-size);height:var(--icon-size);aspect-ratio:1/1}}.container{width:auto;margin:0 var(--container-margin-sm);@media (min-width: 576px){width:540px;margin:0 auto}@media (min-width: 768px){width:720px}@media (min-width: 992px){width:960px}@media (min-width: 1400px){width:var(--page-width)}}.attribute{.select{position:relative;button{min-width:300px;justify-content:start;gap:var(--spacing-4);&:disabled{background-color:var(--colour-default-10)}>span{flex-grow:1;text-align:left}}.placeholder{border:1px solid var(--colour-default-10);border-radius:var(--border-rounding-base);padding:var(--spacing-2)}.options{position:absolute;display:flex;flex-direction:column;border:1px solid var(--colour-default-10);border-radius:var(--border-rounding-base);padding:var(--spacing-2);background-color:var(--colour-background);z-index:10;button{padding:var(--spacing-2);&:hover,&.selected{background-color:var(--colour-accent-10)}}}}}.labels{.label{font-size:var(--font-size-smallest);font-weight:var(--font-weight-bold);text-align:center;padding:var(--spacing-1) var(--spacing-2);&.sold-out{background-color:var(--colour-danger)}&.on-sale{background-color:var(--colour-success)}&.low-stock{background-color:var(--colour-warning)}&.pre-order{background-color:var(--colour-info)}}}.validation-error{color:red;font-size:var(--font-size-smallest)}.back-to-store{color:var(--colour-accent);display:flex;gap:var(--spacing-2);align-items:center;justify-content:center}}@layer component{header{background-color:var(--colour-accent);color:var(--colour-surface);height:var(--header-height);container-name:header;@media (min-width: 768px){min-width:var(--container)}&.transparent{background-color:transparent;--colour-surface: var(--colour-default)}.content{display:flex;flex-direction:column;gap:var(--spacing-2);align-items:center;padding:var(--spacing-4);@media (min-width: 768px){height:var(--header-height);flex-direction:row;padding:0}.home-link{flex-grow:1;img{max-height:85px}span{font-size:var(--font-size-h2);font-weight:var(--font-weight-bold)}}.divide{flex-grow:1}.actions{display:flex;position:relative;gap:var(--spacing-3);color:var(--colour-default)}}}main{padding-top:var(--spacing-5);padding-bottom:var(--spacing-5)}footer{padding:var(--spacing-5);border-top:1px solid var(--colour-default-10);font-size:var(--font-size-smallest);display:flex;gap:var(--spacing-1);justify-content:center;.name{font-weight:var(--font-weight-bold)}}}@layer component{#page-checkout{.empty-cart{line-height:var(--line-height-copy);display:flex;flex-direction:column;gap:var(--spacing-4);.back-to-store{justify-content:start}}#checkout-tabs{@media (min-width: 768px){display:grid;grid-template-columns:8fr 4fr;gap:var(--spacing-4)}}.fields{display:flex;flex-direction:column;gap:var(--spacing-5);.field{display:flex;flex-direction:column;gap:var(--spacing-1);&.address-search{.row{flex-wrap:wrap;input{width:100%}}}@media (min-width: 768px){width:50%;&.full{width:100%;input{width:50%}}&.address-search{.row{flex-wrap:nowrap;input{width:50%}}}}.row,.checkbox,.radio{display:flex;align-items:center;gap:var(--spacing-2)}label{font-size:var(--font-size-small)}input[type=text],input[type=password],input[type=email],textarea,select{box-shadow:var(--shadow-1);border:1px solid var(--colour-default-20);border-radius:var(--border-rounding-large);padding:var(--spacing-3)}input[type=checkbox]{box-shadow:var(--shadow-1);border:1px solid var(--colour-default-20);border-radius:var(--border-rounding-base);width:var(--spacing-4);height:var(--spacing-4)}input[type=radio]{appearance:none;width:20px;height:20px;background-color:var(--colour-accent);mask-image:url("../circle-R2JJV5XK.svg");mask-repeat:no-repeat;mask-size:cover;&:checked{mask-image:url("../record-circle-fill-IHIPMB6B.svg")}}.field-validation-error{font-size:var(--font-size-small);color:red}.help{margin-top:var(--spacing-2);color:var(--colour-default-70);line-height:var(--line-height-copy)}}p{margin-bottom:var(--spacing-2);line-height:var(--line-height-copy)}.validation-summary-errors{color:red;ul{list-style:none;margin:0;padding:0}}a{color:var(--colour-accent)}}#form-tabs{display:flex;justify-content:space-evenly;gap:var(--spacing-1);margin-bottom:var(--spacing-4);button{border-bottom:4px solid var(--colour-default-10);width:100%;@media (min-width: 768px){padding:var(--spacing-2);display:flex;align-items:center;justify-content:center}&.active{border-color:var(--colour-accent);font-weight:700}span{display:none;@media (min-width: 768px){display:block}}}}.headings{margin-bottom:var(--spacing-5);display:flex;flex-direction:column;gap:var(--spacing-2);p{color:var(--colour-default-60);line-height:var(--line-height-copy)}}.panels{.panel{border:1px solid var(--colour-default-10);border-radius:var(--border-rounding-large);margin-bottom:var(--spacing-3);.toggle,.content{padding:var(--spacing-4)}.toggle{width:100%;justify-content:start;&:hover{.icon{color:var(--colour-accent)}}}.content{border-top:1px solid var(--colour-default-10)}&.active{border-color:var(--colour-accent);.toggle{.icon{color:var(--colour-accent)}}}}}.service-models{padding:var(--spacing-2) 0;display:flex;flex-direction:column;gap:var(--spacing-2)}.options{display:flex;gap:var(--spacing-2);align-items:center;position:relative;.link{color:var(--colour-accent);text-decoration:underline;cursor:help;white-space:nowrap}.infobox{position:absolute;display:flex;gap:var(--spacing-2);top:30px;flex-direction:column;border-radius:var(--border-rounding-large);background-color:var(--colour-surface);padding:var(--spacing-4);box-shadow:var(--shadow-2);width:200px;z-index:100;right:0;@media (min-width: 768px){width:300px}h3{margin-bottom:var(--spacing-1)}.artist{opacity:var(--opacity-60)}}}.buttons{display:flex;flex-direction:column-reverse;gap:var(--spacing-4);margin-top:var(--spacing-5);@media (min-width: 768px){flex-direction:row;justify-content:space-between}}.error{color:red}.box{border:1px solid var(--colour-default-10);border-radius:var(--border-rounding-large);margin-bottom:var(--spacing-3);.toggle,.content{padding:var(--spacing-4)}h2{font-size:var(--font-size-h3);padding:var(--spacing-4);border-bottom:1px solid var(--colour-default-10)}>div{padding:var(--spacing-4);p{line-height:var(--line-height-copy)}a{color:var(--colour-accent);text-decoration:underline}}}.purchases{.purchase{margin-bottom:var(--spacing-2);padding-bottom:var(--spacing-2);border-bottom:1px solid var(--colour-default-10);.item{display:flex;flex-direction:column;gap:var(--spacing-2);@media (min-width: 576px){flex-direction:row;align-items:center}.product{&.list{display:flex;align-items:center;img{width:50px;height:50px;aspect-ratio:1/1}}@media (min-width: 576px){flex-grow:1;overflow:hidden}}.actions{display:flex;gap:var(--spacing-2);.format{flex-grow:1;display:flex;flex-direction:column;white-space:nowrap;gap:var(--spacing-1);.preorder{opacity:var(--opacity-60);font-size:var(--font-size-small)}}.price{width:75px}.action{width:75px;text-align:right;button{color:var(--colour-accent);text-decoration:underline;white-space:nowrap}}}}}.bundle{padding:var(--spacing-3) 0;h4{padding-left:var(--spacing-3);margin-bottom:var(--spacing-2)}.item{padding-left:var(--spacing-3);margin-bottom:var(--spacing-2);&:last-child{margin-bottom:0}}}.pricing{.totals{display:flex;flex-direction:column;gap:var(--spacing-1);white-space:nowrap;@media (min-width: 576px){align-items:end}>div{display:flex;gap:var(--spacing-2);.label{flex-grow:1}.price{text-align:right;@media (min-width: 576px){width:calc(75px + 75px + var(--spacing-2));text-align:left}}}.total{font-weight:700}}.info{font-size:var(--font-size-smallest);border-top:1px solid var(--colour-default-10);padding-top:var(--spacing-2);margin-top:var(--spacing-2)}}}}.subscribe{p{margin-bottom:var(--spacing-4)}.fields{gap:var(--spacing-3)}}.tooltip-wrapper{position:relative;.tooltip{position:absolute;top:30px;border-radius:var(--border-rounding-large);background-color:var(--colour-surface);padding:var(--spacing-4);box-shadow:var(--shadow-2);width:200px;z-index:100;text-align:left;right:0;@media (min-width: 768px){width:300px}}}.modal{position:fixed;z-index:20;inset:0;background-color:#000c;display:flex;justify-content:center;align-items:center;.modal-content{position:fixed;background-color:var(--colour-surface);z-index:30;display:flex;justify-content:center;align-items:center;border-radius:var(--border-rounding-large);padding:var(--spacing-3);padding-top:var(--spacing-6);width:80%;@media (min-width: 768px){width:300px}form{width:100%}.close{position:absolute;top:var(--spacing-2);right:var(--spacing-2)}p{line-height:var(--line-height-copy);margin-bottom:var(--spacing-3)}textarea{width:100%;overflow:hidden}}}.checkout-complete{.back-to-store{@media (min-width: 768px){justify-content:left}}}}@layer component{#page-home{.banner{display:flex;justify-content:center;margin-top:var(--spacing-5);img{width:100%}}.store-offers{font-weight:var(--font-weight-bold);text-wrap:balance;text-align:center;margin-bottom:var(--spacing-5)}.store-galleries{display:flex;flex-direction:column;gap:var(--spacing-7)}}}@layer component{#page-product{.wrapper{@media (min-width: 576px){display:grid;grid-template-columns:5fr 7fr;gap:var(--spacing-5)}@media (min-width: 992px){grid-template-columns:3fr 9fr}}.product-information{display:flex;flex-direction:column;gap:var(--spacing-3);.product-image{width:100%;aspect-ratio:1/1;border-radius:var(--border-rounding-base);cursor:zoom-in}.product-buy-buttons{display:flex;flex-direction:column;gap:var(--spacing-2);padding:0 var(--spacing-2);button{background-color:var(--colour-accent);border:none;color:var(--colour-surface);line-height:var(--spacing-6);border-radius:var(--border-rounding-base);font-weight:700;display:flex;align-items:center;justify-content:center;&:disabled{background-color:var(--colour-accent-10);color:var(--colour-accent);border:1px solid var(--colour-accent)}}.validation-error:empty{display:none}}.social-share{display:flex;align-items:center;justify-content:space-evenly;padding-bottom:var(--spacing-3);margin-top:var(--spacing-3);border-bottom:1px solid var(--colour-default-10);a{color:var(--colour-default);&:hover{color:var(--colour-accent)}}}.product-description{text-align:center;padding-bottom:var(--spacing-3);border-bottom:1px solid var(--colour-default-10);line-height:var(--line-height-copy)}}.product-details{margin-top:var(--spacing-3);@media (min-width: 576px){margin-top:0}.page-title{display:none;@media (min-width: 576px){display:block;h1{text-transform:none;margin-bottom:0}h2{text-transform:none;color:var(--colour-default-60)}}}.title-offers{margin:var(--spacing-5) 0;h4{margin-top:var(--spacing-2);margin-bottom:var(--spacing-1)}p{line-height:var(--line-height-loose)}}h4{margin-bottom:var(--spacing-2)}.attributes{margin:var(--spacing-3) 0;display:flex;flex-direction:column;gap:var(--spacing-3);@media (min-width: 768px){margin:var(--spacing-5) 0}}.discs{margin:var(--spacing-3) 0;@media (min-width: 768px){margin:var(--spacing-5) 0}.disc{margin-bottom:var(--spacing-3);h5{margin-bottom:var(--spacing-2)}.tracks{display:flex;flex-direction:column;gap:var(--spacing-2);.headers{display:none;@media (min-width: 992px){display:grid;grid-template-columns:70% auto;align-items:center;padding:0 var(--spacing-3) var(--spacing-2) var(--spacing-3);margin-bottom:var(--spacing-2);border-bottom:1px solid var(--colour-default-10);color:var(--colour-default-60);font-weight:700}}.track{border:1px solid var(--colour-default-10);border-radius:var(--border-rounding-base);padding:var(--spacing-2);font-size:var(--font-size-small);@media (min-width: 992px){display:grid;grid-template-columns:70% auto;align-items:center;padding:var(--spacing-5) var(--spacing-3)}.names{display:flex;flex-direction:column;gap:var(--spacing-2);margin-bottom:var(--spacing-2);@media (min-width: 992px){flex-direction:row;flex-grow:1;margin-bottom:0}.artist{color:var(--colour-default-60)}}.actions{display:flex;align-items:center;gap:var(--spacing-2);@media (min-width: 992px){gap:var(--spacing-4);justify-content:space-between}.duration{flex-grow:1;white-space:nowrap;@media (min-width: 992px){flex-grow:0;span{display:none}}}.play{svg{width:25px;height:25px}}}}}}}.download-information{font-size:var(--font-size-small);text-align:right}.related{margin-top:var(--spacing-3);padding-top:var(--spacing-3);border-top:1px solid var(--colour-default-10)}}.image-preview{position:fixed;z-index:20;inset:0;background-color:#000c;display:flex;justify-content:center;align-items:center;button{color:var(--colour-accent);position:absolute;top:20px;right:20px;svg{width:50px;height:50px}}img{position:fixed;z-index:30;width:80%;display:flex;justify-content:center;align-items:center;@media (min-width: 768px){width:auto;height:80%}}}}}@layer component{#cart{position:relative;>button{border:1px solid var(--colour-surface);background-color:transparent;color:var(--colour-surface);border-radius:var(--border-rounding-base);padding:var(--spacing-2) var(--spacing-3);.items{display:none;@media (min-width: 768px){display:block}}}.contents{position:absolute;z-index:10;margin-top:var(--spacing-1);right:0;border-radius:var(--border-rounding-large);box-shadow:var(--shadow-2);background-color:var(--colour-background);padding:var(--spacing-4);white-space:nowrap;.empty{.back-to-store{display:none}}.products{display:flex;flex-direction:column;gap:var(--spacing-3);margin-bottom:var(--spacing-4);.headers{display:none}.item{form{display:flex;gap:var(--spacing-1);align-items:center;margin-top:var(--spacing-2);.price{flex-grow:1}.manage{.label{display:none}.quantity{display:flex;gap:var(--spacing-1);align-items:center;.toggle{border-radius:var(--border-rounding-base);border:1px solid var(--colour-default-20);padding:var(--spacing-1);display:flex;align-items:center;justify-content:center;height:40px;span{padding:0 var(--spacing-2)}.adjust{--icon-size: 12px;display:flex;flex-direction:column;gap:var(--spacing-1)}}}}}}}.totals{padding-top:var(--spacing-3);gap:var(--spacing-3);border-top:1px solid var(--colour-default-10);display:grid;grid-template-columns:1fr 1fr;align-items:center;&:not(.standalone){.btn{padding:var(--spacing-1) var(--spacing-3)}}}.standalone-total,.standalone-proceed{display:none}.info{margin-top:var(--spacing-3);font-weight:700;font-size:var(--font-size-smallest);display:flex;flex-direction:column;gap:var(--spacing-2);.powered-by{font-weight:400}}}&.standalone{>button{display:none}.contents{position:static;margin-top:0;border-radius:0;box-shadow:none;padding:0;@media (min-width: 768px){border-radius:var(--border-rounding-large);box-shadow:var(--shadow-2);padding:var(--spacing-4)}.empty{p{margin-bottom:var(--spacing-4)}.back-to-store{display:flex;justify-content:start}}.products{@media (min-width: 992px){.headers{display:grid;grid-template-columns:6fr 2fr;gap:var(--spacing-5);padding:0 var(--spacing-4) var(--spacing-2) calc(var(--spacing-4) + var(--product-img-small) + var(--spacing-3));margin-bottom:var(--spacing-2);border-bottom:1px solid var(--colour-default-10);color:var(--colour-default-60);font-weight:700;>div:last-child{display:grid;grid-template-columns:1fr 1fr;gap:var(--spacing-5);>div{width:100px}}}}.item{border-radius:var(--border-rounding-large);border:1px solid var(--colour-default-10);padding:var(--spacing-4);@media (min-width: 992px){display:grid;grid-template-columns:6fr 2fr;gap:var(--spacing-5)}form{display:grid;grid-template-columns:1fr 1fr;align-items:start;margin-top:var(--spacing-3);gap:var(--spacing-5);@media (min-width: 992px){margin-top:0;align-items:center}.label{font-size:var(--font-size-smallest);color:var(--colour-default-60);font-weight:700}.price,.manage{display:flex;flex-direction:column;gap:var(--spacing-1);@media (min-width: 992px){width:100px}.label{display:block;@media (min-width: 992px){display:none}}}.price{order:2;height:100%;@media (min-width: 992px){height:auto}.amount{flex-grow:0;line-height:40px;display:flex;align-items:center;font-weight:700}}}}}}.totals{display:none}@media (min-width: 992px){.standalone-total{display:grid;grid-template-columns:6fr 2fr;padding:0 var(--spacing-4) var(--spacing-3) var(--spacing-4);margin-bottom:var(--spacing-3);gap:var(--spacing-5);border-bottom:1px solid var(--colour-default-10);font-weight:700;>div:last-child{display:grid;grid-template-columns:1fr 1fr;gap:var(--spacing-5);>div{width:100px}}}}.standalone-proceed{display:flex;flex-direction:column-reverse;gap:var(--spacing-4);@media (min-width: 768px){flex-direction:row;.back-to-store{flex-grow:1;justify-content:start}}}.info{display:none}}}}@layer component{.gallery{position:relative;h2{margin-bottom:var(--spacing-4);font-weight:700}.products{--cols: 1;--gap: var(--spacing-3);--width: calc(100vw - (var(--container-margin-sm) * 2));display:flex;gap:var(--gap);flex-direction:row;flex-wrap:wrap;&.align-left{justify-content:left}&.align-centre{justify-content:center}&.align-right{justify-content:right}&.align-justify{justify-content:space-evenly}@media (min-width: 576px){--width: 100%}@media (min-width: 768px){&.large{--cols: 2}&.medium{--cols: 3}&.small{--cols: 4}&.low-number{.pager{display:none}}}@media (min-width: 992px){&.large{--cols: 3}&.medium{--cols: 4}&.small{--cols: 6}}&.paged{flex-wrap:nowrap;width:var(--width);overflow:hidden;justify-content:start;scroll-behavior:smooth}.product{flex-grow:0;flex-shrink:0;flex-basis:var(--width);max-width:var(--width);@media (min-width: 768px){--width: calc((100% - (var(--gap) * (var(--cols) - 1))) / var(--cols))}.image{img{display:block;margin:0 auto;width:100%;height:100%;aspect-ratio:1/1}}}.pager{button{position:absolute;color:var(--colour-accent);background:var(--colour-surface);width:56px;height:56px;border-radius:50%;border:2px solid var(--colour-accent);top:50%;z-index:10;transform:translateY(-50%);@media (min-width: 768px){width:36px;height:36px}&.back{left:15px;@media (min-width: 768px){left:0;transform:translate(-50%)}}&.forward{right:15px;@media (min-width: 768px){right:0;transform:translate(50%)}}}}}}}@layer component{#order-summary{display:flex;flex-direction:column;gap:var(--spacing-3);margin-top:var(--spacing-4);@media (min-width: 768px){margin-top:0}.accordion{box-shadow:var(--shadow-2);border-radius:var(--border-rounding-large);.toggle,.content{padding:var(--spacing-4)}.toggle{width:100%;justify-content:space-between;font-weight:700;font-size:var(--font-size-h2)}.content{border-top:1px solid var(--colour-default-10);display:flex;flex-direction:column;gap:var(--spacing-2);.items{margin-bottom:var(--spacing-2);.item:not(:first-child){border-top:1px solid var(--colour-default-10);padding-top:var(--spacing-2);margin-top:var(--spacing-2)}}.totals{display:flex;flex-direction:column;gap:var(--spacing-1);>div{display:flex;justify-content:space-between}.total{font-weight:700}}.info{font-size:var(--font-size-smallest);border-top:1px solid var(--colour-default-10);padding-top:var(--spacing-2);margin-top:var(--spacing-2)}.promo-code{margin-top:var(--spacing-2);form{display:flex;margin-bottom:var(--spacing-1);input[type=text]{box-shadow:var(--shadow-1);border:1px solid var(--colour-default-20);border-radius:var(--border-rounding-large) 0 0 var(--border-rounding-large);padding:var(--spacing-2);flex-grow:1}button{background-color:var(--colour-accent);border-radius:0 var(--border-rounding-large) var(--border-rounding-large) 0;color:var(--colour-surface);padding:0 var(--spacing-4)}}p{&.error{color:red}&.success{color:green}}}}}}}@layer component{.product{display:flex;flex-direction:column;border:1px solid var(--colour-default-10);position:relative;.labels{position:absolute;top:0;right:0}.details{padding:var(--spacing-3) var(--spacing-5);h3{margin-bottom:var(--spacing-1)}p{font-size:var(--font-size-small);&:not(:last-child){margin-bottom:var(--spacing-1)}&.artist{opacity:var(--opacity-60)}&.format{opacity:var(--opacity-40)}&.price{display:flex;gap:var(--spacing-2);.current{color:var(--colour-accent);font-weight:var(--font-weight-bold)}.original{text-decoration:line-through;opacity:var(--opacity-60);font-size:var(--font-size-small)}}}h3,.artist{--lines: 1;line-clamp:var(--lines);-webkit-line-clamp:var(--lines);-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden;white-space:wrap}}&.list{border:none;flex-direction:row;gap:var(--spacing-3);img{width:var(--product-img-small);height:var(--product-img-small);aspect-ratio:1/1;max-width:none;border-radius:var(--border-rounding-base)}.details{padding:0;h3{font-size:var(--font-size-base);text-transform:none}p{white-space:nowrap;&.format{font-size:var(--font-size-smallest)}}}}}a.product{.image{&:hover{filter:brightness(50%)}}}}@layer component{#site-search{form,input{height:100%;width:100%;min-height:46px;@media (min-width: 768px){width:300px}}#site-search-results{.results{position:absolute;z-index:10;margin-top:var(--spacing-1);border-radius:var(--border-rounding-large);box-shadow:0 5px 20px #0000000d;background-color:var(--colour-surface);padding:var(--spacing-4);left:0;width:80vw;max-height:50dvh;overflow-y:auto;scrollbar-color:var(--colour-accent) transparent;scrollbar-width:thin;@media (min-width: 768px){width:100%}}}}}