.product-samples{display:block;width:100%}.product-samples__trigger{width:100%;padding:12px;border:1px solid var(--black-10);background:var(--white);color:var(--black);text-align:left;cursor:pointer;display:flex;flex-direction:column;align-items:flex-start;gap:8px;transition:border-color .2s ease,background-color .2s ease}@media(hover:hover){.product-samples__trigger:hover .product-samples__trigger-link:before{width:100%}}.product-samples__trigger:focus-visible{outline:2px solid var(--black, #251E1B);outline-offset:2px}.product-samples__trigger-text{font-family:var(--font-body--family);font-size:14px;line-height:normal;font-weight:500}.product-samples__trigger-link{font-family:var(--font-body--family);font-size:12px;line-height:normal;font-weight:500;color:var(--black-70);display:inline-flex;align-items:center;gap:8px;position:relative}.product-samples__trigger-link:after{content:"";width:16px;height:16px;flex:0 0 16px;background-image:url(arrow-right-black-70.svg);background-repeat:no-repeat;background-position:center;background-size:contain}.product-samples__trigger-link:before{content:"";transition:all .5s;width:0;position:absolute;bottom:0;height:1px;left:0;background:var(--black-70)}@media(hover:hover){.product-samples__trigger-link:hover:before{width:100%}}.product-samples__dialog{--dialog-drawer-opening-animation: slideInLeft;--dialog-drawer-closing-animation: slideOutLeft;width:min(100vw,480px);max-width:min(100vw,480px);height:100dvh;max-height:100dvh;margin:0 0 0 auto;padding:0;border:0;border-radius:0;background:var(--third-light);color:var(--black);overflow:hidden}.product-samples__dialog::backdrop{background:var(--overlay-bg);-webkit-backdrop-filter:none;backdrop-filter:none}.product-samples__drawer{width:100%;height:100%;max-height:100dvh;min-height:0;display:flex;flex-direction:column;background:var(--third-light);color:var(--black)}.product-samples__header{min-height:72px;padding:24px;border-bottom:1px solid var(--black-10);display:flex;align-items:center;justify-content:space-between;gap:16px;flex:0 0 auto}.product-samples__heading{margin:0;font-size:18px;line-height:normal;font-weight:500;text-transform:uppercase}.product-samples__close{width:20px;height:20px;color:currentColor;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;outline:none!important;transition:opacity .3s ease}.product-samples__close .svg-wrapper,.product-samples__close svg{width:16px;height:16px}.product-samples__close:focus-visible{outline:none!important}@media(hover:hover){.product-samples__close:hover{opacity:.7}}.product-samples__intro{padding:16px 16px 8px;flex:0 0 auto}.product-samples__intro p{margin:0;font-size:14px;font-weight:400;line-height:140%;color:var(--black-80-1)}.product-samples__body{flex:1 1 auto;min-height:0;height:100%;overflow:hidden auto;padding:16px;overscroll-behavior:contain;-webkit-overflow-scrolling:touch;touch-action:pan-y;scrollbar-width:thin}.product-samples__group{padding-bottom:24px;border-bottom:1px solid var(--black-10)}.product-samples__group+.product-samples__group{padding-top:24px}.product-samples__group:last-child{border-bottom:0;padding-bottom:0}.product-samples__group-title{margin:0 0 4px;font-size:16px;line-height:normal;font-weight:500}.product-samples__group-description{margin-bottom:8px}.product-samples__group-description p,.product-samples__group-description span{margin:0;font-size:14px;line-height:140%;font-weight:400;color:var(--black-80-1)}.product-samples__grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.product-samples__card{padding:0;border:0;background:transparent;color:var(--black, #251E1B);text-align:left;cursor:pointer;display:flex;flex-direction:column;gap:4px}.product-samples__card:disabled{opacity:.5;cursor:not-allowed}.product-samples__card:focus-visible{outline:2px solid var(--black, #251E1B);outline-offset:3px}.product-samples__card-media{position:relative;width:100%;aspect-ratio:1 / 1;border:1px solid var(--black-10);background:var(--second-light);overflow:hidden;transition:border-color .3s ease;padding:4px}.product-samples__card:hover:not(:disabled) .product-samples__card-media,.product-samples__card.is-selected .product-samples__card-media{border-color:var(--black)}.product-samples__card-image,.product-samples__card-placeholder{width:100%;height:100%;display:block;object-fit:cover}.product-samples__check{position:absolute;top:-1px;right:-1px;width:14px;height:14px;border:1px solid var(--black-10);display:inline-flex;align-items:center;justify-content:center;background:var(--second-light);color:var(--black);font-size:10px;line-height:1}.product-samples__check:after{content:"";width:6px;height:6px;background:transparent;transition:background-color .3s ease}.product-samples__card.is-selected .product-samples__check{border-color:var(--black)}.product-samples__card.is-selected .product-samples__check:after{background-color:var(--black)}.product-samples__card-title,.product-samples__card-price{font-size:10px;line-height:normal;color:var(--black-80-1)}.product-samples__card-title{min-height:24px;font-weight:500}.product-samples__card-price{font-weight:400}.product-samples__footer{min-height:73px;padding:16px;border-top:1px solid var(--black-10);background:var(--third-light);display:flex;align-items:center;justify-content:space-between;gap:8px;flex:0 0 auto}.product-samples:not(.has-selection) .product-samples__footer{justify-content:stretch}.product-samples__clear{padding:0;border:0;background:transparent;color:var(--black-70);font-size:14px;line-height:normal;font-weight:500;cursor:pointer;flex:1 1 50%}.product-samples__clear:hover{color:var(--black, #251E1B)}.product-samples__clear:focus-visible{outline:2px solid var(--black, #251E1B);outline-offset:3px}.product-samples__add{min-width:212px;min-height:41px;padding:12px 24px;border:1px solid var(--black-10);border-radius:100px;background:var(--black);color:var(--white);font-size:14px;line-height:normal;font-weight:500;cursor:pointer;display:inline-flex;flex:1 1 50%;align-items:center;justify-content:center;gap:3px;transition:opacity .2s ease,background-color .2s ease,color .2s ease}.product-samples__add:disabled{opacity:.5;cursor:not-allowed}.product-samples__add:focus-visible{outline:2px solid var(--black, #251E1B);outline-offset:3px}.product-samples:not(.has-selection) .product-samples__add{width:100%;min-width:0}.product-samples__add.is-loading{opacity:.65;pointer-events:none}@media screen and (max-width:749px){.product-samples__dialog{width:100vw;max-width:100vw;height:100dvh;max-height:100dvh}.product-samples__header{padding:16px}.product-samples.has-selection .product-samples__add{min-width:170px}}
/*# sourceMappingURL=/cdn/shop/t/4/assets/product-samples-drawer.css.map */