.product-states-drawer-container{position:fixed;display:flex;justify-content:flex-end;top:0;left:0;bottom:0;right:0;overflow-x:hidden;overflow-y:auto;background:rgba(var(--color-base-rgb),.4);opacity:0;visibility:hidden;z-index:-1;transition:opacity var(--duration-medium) var(--animation-bezier),visibility var(--duration-medium) var(--animation-bezier),z-index 0s linear var(--duration-medium)}.product-states-drawer-container.active{visibility:visible;opacity:1;z-index:99999;transition:opacity var(--duration-medium) var(--animation-bezier),visibility var(--duration-medium) var(--animation-bezier),z-index 0s linear 0s}.product-states-drawer{width:100%;height:100%;display:flex;justify-content:flex-end}.product-states-drawer__overlay{position:fixed;top:0;right:0;bottom:0;left:0;cursor:pointer}.product-states-drawer__inner{position:relative;background:var(--color-body-background);height:100%;width:480px;max-width:100%;padding:40px;transform:translate(100%);transition:transform var(--duration-medium) var(--animation-bezier);z-index:1;overflow-y:auto;overflow-x:hidden;display:flex;flex-direction:column;box-shadow:-4px 0 24px #0000001f}.product-states-drawer-container.active .product-states-drawer__inner{transform:translate(0)}.product-states-drawer__close{position:absolute;display:flex;align-items:center;justify-content:center;top:12px;right:12px;cursor:pointer;border:none;box-shadow:none;text-decoration:none;background-color:transparent;padding:12px;margin:0;z-index:2;border-radius:50%;transition:background-color var(--duration-medium) var(--animation-bezier)}.product-states-drawer__close:hover{background-color:rgba(var(--color-base-rgb),.08)}.product-states-drawer__close svg{width:20px;height:20px;transition:transform .35s cubic-bezier(.68,-.13,.3,1.26)}.product-states-drawer__close:hover svg{transform:rotate(90deg)}.product-states-drawer__header{padding-right:40px;margin-bottom:24px;flex-shrink:0}.product-states-drawer__header h2{font-size:1.5rem;font-weight:600;margin:0}.product-states-drawer__tabs{display:grid;grid-template-columns:repeat(2,1fr);gap:10px;margin-bottom:24px;flex-shrink:0}.product-states-drawer__tabs[data-count="3"] .product-states-drawer__tab:nth-child(3){grid-column:1 / -1;justify-self:center;width:50%}.product-states-drawer__tabs[data-count="1"]{grid-template-columns:1fr;max-width:60%}.product-states-drawer__tab{padding:12px 16px;border:1.5px solid var(--color-lines-borders);border-radius:var(--radius, 8px);background:transparent;cursor:pointer;font-size:13px;font-weight:600;color:var(--color-base);text-transform:uppercase;letter-spacing:.5px;text-align:center;transition:all var(--duration-medium) var(--animation-bezier)}.product-states-drawer__tab:hover{border-color:var(--color-base);background:rgba(var(--color-base-rgb),.04)}.product-states-drawer__tab.is-active{background:var(--color-base);color:var(--color-body-background);border-color:var(--color-base)}.product-states-drawer__tab:focus-visible{outline:2px solid var(--color-base);outline-offset:2px}.product-states-drawer__content{flex:1;overflow-y:auto;min-height:0}.product-states-drawer__panel{display:none}.product-states-drawer__panel.is-active{display:block;animation:psdFadeIn var(--duration-medium) var(--animation-bezier)}@keyframes psdFadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.product-states-drawer__slider{position:relative;overflow:hidden;border-radius:var(--radius, 8px);background:rgba(var(--color-base-rgb),.03)}.product-states-drawer__slider-track{display:flex;transition:transform .4s cubic-bezier(.25,.46,.45,.94)}.product-states-drawer__slide{flex:0 0 100%;min-width:0;position:relative}.product-states-drawer__slide-label{position:absolute;top:12px;left:12px;padding:6px 12px;background:#fffffff2;border-radius:4px;font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.5px;color:var(--color-base);z-index:2;box-shadow:0 2px 8px #0000001a}.product-states-drawer__slide img{width:100%;max-height:250px;object-fit:contain;display:block;background:rgba(var(--color-base-rgb),.02)}.product-states-drawer__slider-arrow{position:absolute;top:50%;transform:translateY(-50%);width:40px;height:40px;border:none;border-radius:50%;background:#fffffff2;cursor:pointer;display:flex;align-items:center;justify-content:center;z-index:3;box-shadow:0 2px 12px #00000026;transition:all var(--duration-medium) var(--animation-bezier)}.product-states-drawer__slider-arrow:hover{background:#fff;transform:translateY(-50%) scale(1.1);box-shadow:0 4px 16px #0003}.product-states-drawer__slider-arrow--prev{left:12px}.product-states-drawer__slider-arrow--next{right:12px}.product-states-drawer__slider-arrow svg{width:18px;height:18px;color:var(--color-base)}.product-states-drawer__slider[data-count="1"] .product-states-drawer__slider-arrow{display:none}.product-states-drawer__slider-dots{display:flex;justify-content:center;gap:8px;padding:16px 0}.product-states-drawer__slider-dot{width:10px;height:10px;border:none;border-radius:50%;background:rgba(var(--color-base-rgb),.2);cursor:pointer;padding:0;transition:all var(--duration-medium) var(--animation-bezier)}.product-states-drawer__slider-dot:hover{background:rgba(var(--color-base-rgb),.4)}.product-states-drawer__slider-dot.is-active{background:var(--color-base);transform:scale(1.2)}.product-states-drawer__slider[data-count="1"] .product-states-drawer__slider-dots{display:none}.product-states-drawer__no-images{text-align:center;padding:40px 20px;background:rgba(var(--color-base-rgb),.04);border-radius:var(--radius, 8px);color:rgba(var(--color-base-rgb),.5);font-size:14px}.product-states-drawer__description{margin-top:20px;line-height:1.7;font-size:14px;color:rgba(var(--color-base-rgb),.85)}.product-states-drawer__description p{margin:0 0 12px}.product-states-drawer__description p:last-child{margin-bottom:0}.product-states-drawer__warranty{display:flex;align-items:flex-start;gap:14px;padding:20px;margin-top:28px;background:rgba(var(--color-base-rgb),.04);border-radius:var(--radius, 8px);border-left:3px solid var(--color-accent, var(--color-base));flex-shrink:0}.product-states-drawer__warranty-icon{flex-shrink:0;color:var(--color-accent, var(--color-base))}.product-states-drawer__warranty-icon svg{width:24px;height:24px}.product-states-drawer__warranty-text{flex:1;font-size:13px;line-height:1.6;color:rgba(var(--color-base-rgb),.8)}.product-states-drawer__warranty-text p{margin:0}.product-states-drawer__warranty-text strong{color:var(--color-base)}.product-states-trigger{margin-top:16px;margin-bottom:8px}.product-states__button{display:inline-flex;align-items:center;gap:8px;padding:0;border:none;background:transparent;color:var(--color-accent, var(--color-base));font-size:14px;font-weight:500;cursor:pointer;text-decoration:underline;text-underline-offset:3px;transition:opacity var(--duration-medium) var(--animation-bezier)}.product-states__button:hover{opacity:.7}.product-states__button svg{width:16px;height:16px}@media(max-width:1024px){.product-states-drawer__inner{width:60%;padding:36px 28px}}@media(max-width:768px){.product-states-drawer__inner{width:80%;padding:32px 24px}.product-states-drawer__header h2{font-size:1.25rem}.product-states-drawer__slider-arrow{width:36px;height:36px}}@media(max-width:576px){.product-states-drawer__inner{width:calc(100% - 50px);padding:28px 20px}.product-states-drawer__close{top:8px;right:8px}.product-states-drawer__tabs{gap:8px;margin-bottom:20px}.product-states-drawer__tab{padding:10px 12px;font-size:11px}.product-states-drawer__slider-arrow{width:32px;height:32px}.product-states-drawer__slider-arrow--prev{left:8px}.product-states-drawer__slider-arrow--next{right:8px}.product-states-drawer__slide-label{padding:4px 8px;font-size:10px}.product-states-drawer__warranty{padding:16px;margin-top:20px}.product-states-drawer__warranty-text{font-size:12px}}@media(max-width:400px){.product-states-drawer__tabs[data-count="3"] .product-states-drawer__tab:nth-child(3){width:100%}.product-states-drawer__tab{padding:10px 8px;font-size:10px}}.product-states-drawer__inner::-webkit-scrollbar{width:6px}.product-states-drawer__inner::-webkit-scrollbar-track{background:transparent}.product-states-drawer__inner::-webkit-scrollbar-thumb{background:rgba(var(--color-base-rgb),.2);border-radius:3px}.product-states-drawer__inner::-webkit-scrollbar-thumb:hover{background:rgba(var(--color-base-rgb),.35)}.product-states-drawer__close:focus-visible{outline:2px solid var(--color-base);outline-offset:2px}@media(prefers-reduced-motion:reduce){.product-states-drawer-container,.product-states-drawer__inner,.product-states-drawer__panel.is-active,.product-states-drawer__image img,.product-states-drawer__close svg,.product-states-drawer__tab{transition:none;animation:none}}
/*# sourceMappingURL=/cdn/shop/t/8/assets/component-product-states-drawer.css.map */