.quas-trade-steps{--trade-step-mark: 56px;--trade-step-ring: 5px;--trade-step-gap: var(--s-6);--trade-step-inset: var(--s-5)}.quas-trade-steps__head{justify-items:start;max-width:40rem;margin-bottom:var(--s-7)}.quas-trade-steps__head>*{margin:0}.quas-trade-steps__list{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--trade-step-gap);isolation:isolate;margin:0;padding:0;list-style:none}.quas-trade-steps__step{position:relative;display:grid;container-type:inline-size}.quas-trade-steps__step:not(:last-child):after{content:"";position:absolute;z-index:2;top:calc(100cqw * 2 / 3 - 1px);left:calc(var(--trade-step-inset) + var(--trade-step-mark) + var(--s-3));width:calc(100% + var(--trade-step-gap) - var(--trade-step-mark) - 2 * var(--s-3));height:2px;border-radius:1px;background:var(--quas-terracotta);transform-origin:0 50%;pointer-events:none}.quas-trade-steps__card{display:grid;grid-template-rows:auto 1fr;border-radius:var(--r-lg);background:var(--quas-walnut);color:var(--color-ink-on-dark)}.quas-trade-steps__media{position:relative;display:grid;place-items:center;aspect-ratio:3 / 2;overflow:hidden;border-radius:var(--r-lg) var(--r-lg) 0 0;background:var(--quas-caramel)}.quas-trade-steps__media img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover}.quas-trade-steps__icon{width:64px;height:64px;color:var(--quas-ginger);stroke-width:1.2}.quas-trade-steps__body{position:relative;display:grid;align-content:start;gap:var(--s-2);padding:calc(var(--trade-step-mark) / 2 + var(--s-4)) var(--trade-step-inset) var(--s-6)}.quas-trade-steps__number{position:absolute;top:0;left:var(--trade-step-inset);display:grid;place-items:center;width:var(--trade-step-mark);height:var(--trade-step-mark);border-radius:50%;background:var(--quas-terracotta-dark);box-shadow:0 0 0 var(--trade-step-ring) var(--quas-walnut);color:var(--quas-cream);font-family:var(--quas-font-display);font-size:1.5rem;font-variation-settings:var(--quas-fr-numeral);font-weight:var(--w-numeral);line-height:1;translate:0 -50%}.quas-trade-steps .quas-trade-steps__body h3{color:var(--color-ink-on-dark)}.quas-trade-steps__body p{color:var(--color-ink-on-dark-secondary);font-size:var(--t-body-sm);line-height:var(--lh-small)}@media(hover:hover)and (pointer:fine){.quas-trade-steps__card{transition:translate var(--motion-state) var(--ease-out)}.quas-trade-steps__media img{transition:scale var(--motion-choreography) var(--ease-out)}.quas-trade-steps__step:hover .quas-trade-steps__card{translate:0 -4px}.quas-trade-steps__step:hover .quas-trade-steps__media img{scale:1.04}}.quas-trade__grid{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);align-items:start;column-gap:var(--gap-split-tight);row-gap:var(--s-6)}.quas-trade__head{justify-items:start}.quas-trade__head>*{margin:0}@media(min-width:990px){.quas-trade__head{position:sticky;top:176px}}.quas-trade .quas-trade__head .quas-trade__email{display:flex;flex-wrap:wrap;align-items:center;column-gap:var(--s-2);margin-top:var(--s-2);color:var(--quas-bark);font-size:var(--t-body-sm)}.quas-trade__panel{padding:clamp(24px,3vw,44px);border-radius:var(--r-lg);background:var(--quas-cream);box-shadow:inset 0 0 0 1px var(--quas-border)}.quas-trade .quas-trade__hint,.quas-trade .quas-trade__privacy{margin-top:6px;color:var(--quas-bark);font-size:var(--t-legal);line-height:var(--lh-small)}.quas-trade__form{margin-top:var(--s-5)}.quas-trade fieldset{min-width:0;margin:0;padding:0;border:0}.quas-trade fieldset+fieldset{margin-top:var(--s-6);padding-top:var(--s-6);border-top:1px solid var(--quas-border-strong)}.quas-trade legend{float:left;width:100%;margin-bottom:var(--s-4);padding:0;font-family:var(--quas-font-display);font-size:var(--t-card-title);font-variation-settings:var(--quas-fr-h3);font-weight:var(--w-h3);letter-spacing:var(--ls-h3);line-height:var(--lh-h3)}.quas-trade__fields{display:grid;clear:both;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--s-4)}.quas-trade__field{min-width:0}.quas-trade__field--wide{grid-column:1 / -1}.quas-trade label{display:block;margin-bottom:6px;color:var(--quas-walnut);font-size:var(--t-caption);font-weight:var(--w-button);line-height:var(--lh-small)}.quas-trade__optional{color:var(--quas-bark);font-size:var(--t-micro);font-weight:var(--w-body)}.quas-trade :is(input:not([type=hidden]),select,textarea){width:100%;min-width:0;min-height:48px;padding:12px 14px;border:1px solid var(--quas-border-strong);border-radius:var(--r-sm);background:var(--quas-white);color:var(--quas-walnut);font:var(--w-body) 1rem / 1.4 var(--quas-font-body);transition:border-color var(--motion-feedback) var(--ease-out)}.quas-trade :is(input:not([type=hidden]),select,textarea):hover{border-color:var(--quas-bark)}.quas-trade :is(input:not([type=hidden]),select,textarea):focus-visible{border-color:var(--field-focus-color);outline:none;box-shadow:0 0 0 var(--field-focus-ring-width) var(--field-focus-color)}.quas-trade select{-webkit-appearance:auto;appearance:auto;padding-right:var(--s-2)}.quas-trade textarea{min-height:112px;resize:vertical}.quas-trade :is([aria-invalid=true],:user-invalid){border-color:var(--quas-error)}.quas-trade__submit{display:grid;gap:var(--s-4);margin-top:var(--s-6)}.quas-trade__privacy a,.quas-trade__status a{color:var(--quas-walnut);text-decoration-thickness:1px;text-underline-offset:3px}.quas-trade__button.quas-home-button{justify-content:space-between;width:100%;min-height:56px;padding-inline:var(--s-5);font-size:var(--t-button-lg)}.quas-trade__button svg{flex:none;transition:translate var(--motion-feedback) var(--ease-out)}@media(hover:hover)and (pointer:fine){.quas-trade__button:hover svg{translate:3px 0}}.quas-trade__status{margin-bottom:var(--s-6);padding:var(--s-5);border-radius:var(--r-sm)}.quas-trade .quas-trade__status h3{margin-bottom:var(--s-2);font-size:var(--t-h4)}.quas-trade__status--success{background:var(--color-success-bg);color:var(--quas-success)}.quas-trade__status--error{background:var(--color-error-bg);color:var(--quas-error)}.quas-trade .quas-trade__status :is(h3,p,li){color:inherit}[data-quas-motion-scene=rise].is-motion-ready .quas-trade-steps__card{opacity:0;transform:translate3d(0,56px,0);transition:opacity .5s var(--ease-out),transform .9s cubic-bezier(.33,1,.68,1);transition-delay:calc(.16s + (var(--quas-motion-index, 1) - 1) * .42s)}[data-quas-motion-scene=rise].is-motion-ready .quas-trade-steps__media{clip-path:inset(10% 10% 10% 10% round var(--r-md));transition:clip-path var(--motion-choreography) var(--ease-out);transition-delay:calc(.22s + (var(--quas-motion-index, 1) - 1) * .42s)}[data-quas-motion-scene=rise].is-motion-ready .quas-trade-steps__media img{transform:scale(1.12);transition:transform var(--motion-choreography) var(--ease-out);transition-delay:calc(.22s + (var(--quas-motion-index, 1) - 1) * .42s)}[data-quas-motion-scene=rise].is-motion-ready .quas-trade-steps__number{opacity:0;scale:.5;rotate:-14deg;transition:opacity .2s var(--ease-out),scale .56s var(--ease-out),rotate .56s var(--ease-out);transition-delay:calc(.56s + (var(--quas-motion-index, 1) - 1) * .42s)}[data-quas-motion-scene=rise].is-motion-ready .quas-trade-steps__step:after{transform:scaleX(0);transition:transform .52s var(--ease-drawer);transition-delay:calc(.76s + (var(--quas-motion-index, 1) - 1) * .42s)}[data-quas-motion-scene=rise].is-in .quas-trade-steps__card{opacity:1;transform:none}[data-quas-motion-scene=rise].is-in .quas-trade-steps__media{clip-path:inset(0)}[data-quas-motion-scene=rise].is-in .quas-trade-steps__media img,[data-quas-motion-scene=rise].is-in .quas-trade-steps__step:after{transform:none}[data-quas-motion-scene=rise].is-in .quas-trade-steps__number{opacity:1;scale:1;rotate:0deg}@supports (animation-timeline: view()){@media(prefers-reduced-motion:no-preference){.quas-trade-steps__list{view-timeline:--trade-route block}.quas-trade-steps__step{view-timeline:--trade-step block}[data-quas-motion-scene=rise].is-motion-ready .quas-trade-steps__step{--trade-step-timeline: --trade-step;--trade-step-range: cover 120px cover 520px}[data-quas-motion-scene=rise].is-motion-ready :is(.quas-trade-steps__card,.quas-trade-steps__media,.quas-trade-steps__media img,.quas-trade-steps__number){transition:none;animation-duration:auto;animation-fill-mode:both;animation-timeline:var(--trade-step-timeline);animation-range:var(--trade-step-range)}[data-quas-motion-scene=rise].is-motion-ready .quas-trade-steps__step:after{transition:none;animation:quas-trade-rule-across linear both;animation-timeline:var(--trade-step-timeline);animation-range:var(--trade-step-range)}[data-quas-motion-scene=rise].is-motion-ready .quas-trade-steps__card{animation-name:quas-trade-card-in;animation-timing-function:cubic-bezier(.33,1,.68,1)}[data-quas-motion-scene=rise].is-motion-ready .quas-trade-steps__media{animation-name:quas-trade-media-in;animation-timing-function:linear}[data-quas-motion-scene=rise].is-motion-ready .quas-trade-steps__media img{animation-name:quas-trade-photo-in;animation-timing-function:linear}[data-quas-motion-scene=rise].is-motion-ready .quas-trade-steps__number{animation-name:quas-trade-number-in;animation-timing-function:linear}}}@supports (animation-timeline: view()){@media(prefers-reduced-motion:no-preference)and (min-width:990px){[data-quas-motion-scene=rise].is-motion-ready .quas-trade-steps__step{--trade-step-timeline: --trade-route;--trade-step-range: cover calc(200px + (var(--quas-motion-index, 1) - 1) * 80px) cover calc(420px + (var(--quas-motion-index, 1) - 1) * 80px)}}}@keyframes quas-trade-card-in{0%{opacity:0;transform:translate3d(0,72px,0)}35%{opacity:1}55%,to{opacity:1;transform:none}}@keyframes quas-trade-media-in{0%,10%{clip-path:inset(10% 10% 10% 10% round var(--r-md))}60%,to{clip-path:inset(0)}}@keyframes quas-trade-photo-in{0%,10%{transform:scale(1.12)}70%,to{transform:none}}@keyframes quas-trade-number-in{0%,40%{opacity:0;scale:.5;rotate:-14deg}52%{opacity:1}72%,to{opacity:1;scale:1;rotate:0deg}}@keyframes quas-trade-rule-across{0%,70%{transform:scaleX(0)}to{transform:none}}@keyframes quas-trade-rule-down{0%,70%{transform:scaleY(0)}to{transform:none}}@media screen and (max-width:989px){.quas-trade-steps{--trade-step-mark: 48px}.quas-trade-steps__list,.quas-trade__grid{grid-template-columns:minmax(0,1fr)}.quas-trade-steps__head{margin-bottom:var(--s-6)}.quas-trade-steps__number{font-size:1.25rem}.quas-trade-steps__step:not(:last-child):after{top:100%;left:calc(var(--trade-step-inset) + var(--trade-step-mark) / 2 - 1px);width:2px;height:var(--trade-step-gap);transform-origin:50% 0}[data-quas-motion-scene=rise].is-motion-ready .quas-trade-steps__step:after{transform:scaleY(0)}[data-quas-motion-scene=rise].is-in .quas-trade-steps__step:after{transform:none}}@supports (animation-timeline: view()){@media(prefers-reduced-motion:no-preference)and (max-width:989px){[data-quas-motion-scene=rise].is-motion-ready .quas-trade-steps__step:after{animation-name:quas-trade-rule-down}}}@media screen and (min-width:600px)and (max-width:989px){.quas-trade-steps__card{grid-template-columns:minmax(0,5fr) minmax(0,7fr);grid-template-rows:none}.quas-trade-steps__media{aspect-ratio:auto;min-height:240px;border-radius:var(--r-lg) 0 0 var(--r-lg)}.quas-trade-steps__body{padding:var(--s-6) var(--s-6) var(--s-6) calc(var(--trade-step-mark) / 2 + var(--s-5))}.quas-trade-steps__number{top:var(--s-5);left:0;translate:-50% 0}.quas-trade-steps__step:not(:last-child):after{left:calc(100% * 5 / 12 - 1px)}}@supports (animation-timeline: view()){@media(prefers-reduced-motion:no-preference)and (min-width:600px)and (max-width:989px){[data-quas-motion-scene=rise].is-motion-ready .quas-trade-steps__step{--trade-step-range: cover 80px cover 380px}}}@media screen and (max-width:599px){.quas-trade-steps{--trade-step-inset: var(--s-4)}.quas-trade-steps__body{padding-bottom:var(--s-5)}}@media screen and (max-width:560px){.quas-trade__panel{padding:var(--s-5) var(--s-4)}.quas-trade__fields{grid-template-columns:minmax(0,1fr)}}@media(prefers-reduced-motion:reduce){.quas-trade :is(input,select,textarea),.quas-trade__button svg,.quas-trade-steps__card,.quas-trade-steps__media img{transition:none}}
/*# sourceMappingURL=/cdn/shop/t/9/assets/quas-stockist-enquiry.css.map */