.samples-materials .sheader{align-items:center}.samples-materials .embla{overflow:initial;width:100vw;padding-right:24px}.samples-materials .embla__viewport{overflow:initial}.samples-materials .embla__slide{flex-basis:130px;margin-right:10px}.samples-materials .embla__slide__inner{transition:background .3s ease-in-out;background:#f4f4f4;min-height:100%}.samples-materials .embla__slide:nth-child(odd) .embla__slide__inner{border-radius:20px}.samples-materials .box{position:relative;display:flex;flex-direction:column;padding:16px 15px;width:100%;justify-content:space-between;min-height:100%;-webkit-user-select:none;user-select:none;color:#656363}.samples-materials .box__title{transition:color .3s ease-in-out;font-size:14px;margin-bottom:5px}.samples-materials .box__colors{font-size:10px;min-height:1.5em;line-height:1.5;font-weight:500;font-family:Cabinet Grotesk;margin-bottom:10px}.samples-materials .box__image{position:relative}.samples-materials-icon{position:absolute;z-index:3;bottom:10px;left:10px;display:flex;cursor:pointer}.samples-materials-icon__icon{width:30px;height:30px;background:#ffffff8c;border-radius:50%;color:rgb(var(--Ash));border:1px solid rgb(var(--Ash));display:flex;align-items:center;justify-content:center}.samples-materials-icon__icon:hover{background:#fff}.samples-materials-icon__icon svg{margin:0;width:80%;height:80%;max-width:24px;max-height:24px;display:block}.samples-materials-icon__description{transition:.3s ease-in-out;position:absolute;bottom:50%;opacity:0;font-size:12px;white-space:nowrap;transform:translateY(50%);background:#656363;color:#fff;padding:5px 10px;pointer-events:none;letter-spacing:.08em}.samples-materials-icon__description:after{content:"";display:block;width:10px;height:10px;background:#656363;position:absolute;z-index:1;top:calc(100% - 6px);transform:rotate(45deg);left:11px}.samples-materials-icon__description{left:0}.samples-materials-icon:hover .samples-materials-icon__description{bottom:calc(100% + 24px);opacity:1}.samples-materials .box__image figure{margin:0;position:relative;padding-bottom:100%;overflow:hidden}.samples-materials .box__image img{max-width:100%;position:absolute;z-index:1;width:100%;height:100%;object-fit:cover}.samples-materials .box__buttons{margin-top:15px;display:flex;align-items:center;justify-content:center}.samples-materials .box__button{display:flex;align-items:center;justify-content:center;cursor:pointer}.samples-materials .embla__slide.is_active .box__button--reset{display:flex}.samples-materials .embla__slide.is_active .box__button--select,.samples-materials .box__button--reset{display:none}.samples-materials .box__button svg{display:block}.samples-materials .box__button__text{font-family:Cabinet Grotesk;font-size:12px;font-style:normal;font-weight:500;line-height:normal;border-bottom:1px solid #656363}.samples-materials .embla__slide.is_active .box__button__text{border-color:#fff}.samples-materials .box__button__text+.box__button__icon{margin-left:7px}.samples-materials .embla__slide.is_active .embla__slide__inner{background:#bdaa87}.samples-materials .embla__slide.is_active .box{color:#fff}.samples-materials-dialog{display:none;align-items:center;justify-content:center;position:fixed;top:120%;left:0;width:100%;height:100%;z-index:101;background:rgba(var(--color-foreground),.6);overflow:auto}.samples-materials-dialog .box{width:100%;max-width:874px;max-height:100%}.samples-materials-dialog .box__inner{background:#fff}.samples-materials-dialog.is_active{display:flex;top:0}.samples-materials-dialog .box__bar{display:flex;justify-content:flex-end}.samples-materials-dialog .box__close{display:flex;align-items:center;padding:1.2rem 1.5rem;color:rgba(var(--color-foreground),.55);cursor:pointer}.samples-materials-dialog .box__close:hover{color:rgba(var(--color-foreground),1)}.samples-materials-dialog .box__close__icon{margin-left:10px}.samples-materials-dialog .box__close svg{width:1.6rem;height:auto;display:block}.samples-materials-dialog .box__content{display:flex;flex-direction:column;justify-content:center;align-items:center;padding:0 1.5rem 1.5rem}.samples-materials-dialog .box__video{width:100%;padding-top:100%;position:relative}.samples-materials-dialog .box__video video{max-width:100%;position:absolute;top:0;left:0;width:100%;height:100%}.samples-materials-dialog .box__video+.box__image{margin-top:1.5rem}.samples-materials-dialog .box__image{width:100%;padding-top:100%;position:relative}.samples-materials-dialog .box__image img{max-width:100%;position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover}@media (min-width: 700px){.samples-materials-dialog .box{max-width:80%}.samples-materials-dialog .box__content{flex-direction:row;justify-content:space-between}.samples-materials-dialog .box__video,.samples-materials-dialog .box__image{padding-top:calc(50% - 12px);width:calc(50% - 12px)}.samples-materials-dialog .box__video+.box__image{margin-top:0}}@media (max-width: 749px){.samples-materials{width:100%}.samples-materials__inner{overflow:hidden;width:100vw;margin-left:-1.5rem;padding:0 1.5rem}.samples-materials .sheader{width:100vw;padding:0 1.5rem;margin-left:-1.5rem}.samples-materials .sboxes{padding-right:1.5rem}}@media (min-width: 750px){.samples-materials{overflow:hidden;width:100%}}@media (min-width: 990px){.samples-materials .embla{width:100%}}@media (min-width: 1200px){.samples-materials .embla__slide{flex-basis:155px;min-height:235px}.samples-materials .box__title{font-size:16px}.samples-materials .box__colors{font-size:12px}.samples-materials .embla__slide__inner{min-height:auto}.samples-materials .embla__slide:not(.is_active) .box__buttons{display:none}.samples-materials .embla__slide:not(.is_active):hover .box__buttons{display:flex}.samples-materials-dialog .box__content{padding:0 3rem 3rem}.samples-materials-dialog .box__video,.samples-materials-dialog .box__image{padding-top:calc(50% - 1.5rem);width:calc(50% - 1.5rem)}.samples-materials-dialog .box__bar{padding-right:1.5rem;font-size:16px}}
/*# sourceMappingURL=/cdn/shop/t/38/assets/component-samples-materials.css.map */