.drawer-samples__item input[type=checkbox]{position:absolute;z-index:-1;width:1px;height:1px;padding:0;border:0;clip:rect(0,0,0,0);-webkit-clip-path:inset(50%);clip-path:inset(50%);opacity:0;overflow:hidden;white-space:nowrap}.drawer-samples__close{cursor:pointer;color:inherit;padding:0;background-color:transparent;border:0;border-radius:0;box-shadow:none;-webkit-appearance:none;-moz-appearance:none;appearance:none;-webkit-user-select:none;-moz-user-select:none;user-select:none;transition:all .3s}.drawer-samples__close:disabled{cursor:not-allowed;opacity:.75}.drawer-samples{margin-top:-1px;background-color:rgb(var(--color-background))}.drawer-samples summary{display:flex;align-items:center;justify-content:space-between;font-size:calc(var(--font-body-scale) * 1.3rem);font-weight:500;border-top:1px solid rgba(var(--color-foreground),.1);padding:1.2rem 0}.drawer-samples summary .button{font-size:1rem;font-weight:600;min-height:3.5rem}@media screen and (max-width: 749px){.drawer-samples summary .button{padding:0 1rem}}.drawer-samples.active .drawer-samples__inner{transform:none}.drawer-samples__inner{background-color:rgb(var(--color-background));display:flex;flex-direction:column;height:100%;left:0;overflow:auto;padding:0 var(--drawer-x-padding) 1rem;position:fixed;top:0;transform:translate(100%);transition:transform var(--duration-default);width:100%;z-index:10}.drawer-samples__close{align-items:center;background-color:rgb(var(--color-background));display:flex;margin:0 calc(var(--drawer-x-padding) * -1);padding:2rem var(--drawer-x-padding);position:-webkit-sticky;position:sticky;top:0;z-index:8}@media screen and (max-width: 990px){.drawer-samples__close{padding:1.5rem var(--drawer-x-padding);font-size:calc(var(--font-body-scale) * 1.4rem)}}.drawer-samples__close .icon-caret{margin-right:1rem;transform:rotate(90deg);width:1.5rem}.drawer-samples__title{font-size:calc(var(--font-body-scale) * 1.6rem);font-weight:600;margin-bottom:1.2rem}@media screen and (min-width: 991px){.drawer-samples__title{font-size:calc(var(--font-body-scale) * 1.8rem)}}.drawer-samples .product-form__buttons{position:-webkit-sticky;position:sticky;bottom:0;z-index:8}.drawer-samples .product-form__submit{font-size:1.3rem}@media screen and (max-width: 749px){.drawer-samples .product-form__submit{min-height:4.5rem}}@media screen and (min-width: 991px){.drawer-samples .product-form__submit{font-size:1.4rem}}.drawer-samples__list{--grid-mobile-horizontal-spacing: 1rem;--grid-mobile-vertical-spacing: 2rem;--grid-desktop-horizontal-spacing: var(--grid-mobile-horizontal-spacing);--grid-desktop-vertical-spacing: var(--grid-mobile-vertical-spacing)}.drawer-samples__item{font-size:1.2rem;max-width:calc(33.33% - var(--grid-mobile-horizontal-spacing) * 2 / 3)}.drawer-samples__item-media{margin-bottom:.6rem}.drawer-samples__item-media:before{content:" ";display:block;padding-bottom:calc(var(--media-ratio, 100) * 1%)}.drawer-samples__item-vendor{font-size:1rem;margin-bottom:.3rem}.drawer-samples__item-title{font-weight:500}.drawer-samples__item-contenance{line-height:1;margin-top:.6rem}.drawer-samples__item label{--checkbox-size: 2.1rem;position:relative;display:block;cursor:pointer}@media screen and (min-width: 750px){.drawer-samples__item label{--checkbox-size: 2.4rem}}.drawer-samples__item label:before{content:"";background-color:rgb(var(--color-background));border:1px solid #D7D7D7;box-shadow:0 0 0 .25rem rgb(var(--color-background)) inset;height:var(--checkbox-size);position:absolute;right:1rem;top:1rem;transition:background-color var(--duration-default);width:var(--checkbox-size);z-index:5}.drawer-samples__item input[type=checkbox]:checked+label:before{background-color:rgb(var(--color-foreground))}.drawer-samples__item input[type=checkbox]:focus-visible+label:before{box-shadow:0 0 0 .3rem rgb(var(--color-background)),0 0 0 .5rem rgba(var(--color-foreground),.5),0 0 .5rem .4rem rgba(var(--color-foreground),.3),0 0 0 .25rem rgb(var(--color-background)) inset}.drawer-samples__item input[type=checkbox]:disabled+label{cursor:not-allowed}.drawer-samples__item input[type=checkbox]:disabled+label:before{background-color:rgb(var(--color-base-clear-1))}
/*# sourceMappingURL=/s/files/1/0619/6045/4312/t/8/assets/component-samples-selector.css.map */
