.collection-style-guide{grid-column:1 / -1;margin:1.25rem -.25rem 1.5rem;-webkit-tap-highlight-color:transparent}.collection-style-guide[hidden]{display:none!important}.collection-style-guide__heading{display:flex;align-items:flex-end;gap:.75rem;padding:.5rem 1.25rem .75rem}.collection-style-guide__title p{margin:0}.collection-style-guide__title,.collection-style-guide-dialog__title{margin:0;font-family:tt-commons-light,sans-serif;font-weight:400;font-size:2rem;line-height:1.2;color:var(--dark)}.collection-style-guide__title strong,.collection-style-guide-dialog__title strong{font-family:tt-commons-regular,sans-serif;font-weight:400}.collection-style-guide__title em,.collection-style-guide__title em strong,.collection-style-guide-dialog__title em,.collection-style-guide-dialog__title em strong{font-family:tt-commons-italic,sans-serif;font-weight:400;font-style:italic}.collection-style-guide__chevron svg{display:block;width:2rem;height:2rem}.collection-style-guide__scroller{position:relative}.collection-style-guide__track{display:flex;gap:.25rem;overflow-x:auto;scroll-behavior:smooth;scroll-snap-type:x mandatory;scrollbar-width:none}.collection-style-guide__track::-webkit-scrollbar{display:none}.collection-style-guide__track:focus{outline:none}.collection-style-guide__style{flex:0 0 auto;width:44.4vw;display:flex;flex-direction:column;gap:10px;margin:0;padding:0;border:0;background:transparent;color:inherit;text-align:left;cursor:pointer;scroll-snap-align:start;-webkit-tap-highlight-color:transparent}.collection-style-guide__style:first-child{margin-left:1.25rem}.collection-style-guide__style:last-child{margin-right:1.25rem}.collection-style-guide__style:focus:not(:focus-visible),.collection-style-guide__arrow:focus:not(:focus-visible){outline:none}.collection-style-guide__style:focus-visible,.collection-style-guide__arrow:focus-visible,.collection-style-guide-dialog__close:focus-visible{outline:1px solid var(--dark);outline-offset:2px}.collection-style-guide__media{display:block;aspect-ratio:1 / 1.37;overflow:hidden;background:var(--off-white)}.collection-style-guide__arrow,.collection-style-guide--desktop{display:none}.collection-style-guide-dialog{position:fixed;top:50%;left:50%;width:min(26rem,calc(100vw - 2rem));max-height:min(80vh,40rem);padding:0;border:0;background:transparent;transform:translate(-50%,-50%);overflow:hidden}.collection-style-guide-dialog::backdrop{background:#2f2f2d80}.collection-style-guide-dialog__panel{position:relative;max-height:min(80vh,40rem);overflow:auto;background:var(--white);padding:1.5rem 1.25rem 1.75rem}.collection-style-guide-dialog:focus{outline:none}.collection-style-guide-dialog__close{position:absolute;top:.75rem;right:.75rem;display:flex;align-items:center;justify-content:center;width:2.75rem;height:2.75rem;padding:0;border:0;background:transparent;cursor:pointer;-webkit-tap-highlight-color:transparent}.collection-style-guide-dialog__close:focus:not(:focus-visible){outline:none}.collection-style-guide-dialog__title{margin:0 2.5rem 1.25rem 0}.collection-style-guide-dialog__description{margin-bottom:1rem;font-family:tt-commons-regular,sans-serif;font-size:1rem;line-height:1.4}.collection-style-guide-dialog .features ul{display:flex;flex-direction:column;gap:14px;margin:0;padding:0;list-style:none}.collection-style-guide-dialog .features.features-negative ul{margin-top:14px}.collection-style-guide-dialog .features li{display:flex;align-items:center;line-height:24px}.collection-style-guide-dialog .features li:before{content:"";display:inline-block;flex-shrink:0;margin-right:.5rem;width:1.5rem;height:1.5rem}.collection-style-guide-dialog .features-positive li:before{background:url(icon-bullet-tick.svg) no-repeat center center / contain}.collection-style-guide-dialog .features-negative li:before{background:url(icon-bullet-cross.svg) no-repeat center center / contain}.collection-style-guide-dialog__commerce{margin-top:1.5rem}.collection-style-guide-dialog__materials{display:flex;gap:1.5rem;overflow-x:auto;margin-bottom:.25rem}.collection-style-guide-dialog__material{flex:0 0 auto;padding:0 0 4px;border:0;background:transparent;color:inherit;font:inherit;cursor:pointer}.collection-style-guide-dialog__material.is-active{box-shadow:inset 0 -1px 0 var(--dark)}.collection-style-guide-dialog__colour{display:flex;gap:.25rem;margin:1rem 0 .5rem;line-height:1.4}.collection-style-guide-dialog__swatches{display:flex;flex-wrap:wrap;gap:12px}.collection-style-guide-dialog__swatch{width:2rem;height:2rem;padding:1px;border:1px solid transparent;background:transparent;cursor:pointer}.collection-style-guide-dialog__swatch.is-active{border-color:var(--dark)}.collection-style-guide-dialog__swatch img{width:100%;height:100%;object-fit:cover}.collection-style-guide-dialog__shop{margin-top:1.5rem;max-width:190px;text-decoration:none}@media(min-width:1000px){.collection-style-guide{margin-left:-2.5rem;margin-right:-2.5rem}.collection-style-guide--mobile{display:none}.collection-style-guide--desktop{display:block}.collection-style-guide__heading{padding:.5rem 2.5rem 1rem}.collection-style-guide__title,.collection-style-guide-dialog__title{font-size:3rem}.collection-style-guide__style{width:15.5vw}.collection-style-guide__style:first-child{margin-left:40px}.collection-style-guide__style:last-child{margin-right:40px}.collection-style-guide__media{aspect-ratio:1 / 1.3}.collection-style-guide__arrow{position:absolute;top:38%;display:flex;align-items:center;justify-content:center;padding:.5rem;border:0;background:#ffffffb3;cursor:pointer;z-index:1}.collection-style-guide__arrow[hidden]{display:none}.collection-style-guide__arrow--prev{left:1.25rem}.collection-style-guide__arrow--next{right:1.25rem}}@media(prefers-reduced-motion:reduce){.collection-style-guide__track{scroll-behavior:auto}}
/*# sourceMappingURL=/cdn/shop/t/2425/assets/collection-style-guide.css.map */