/*!
 * gtc-opener.css
 * Version: 3.0.0
 * Author: Grafikr
 */:root{--gtc-background: rgb(255, 255, 255);--gtc-border-color: #eee;--gtc-text-primary: rgb(0, 0, 0);--gtc-spacing-x: 24px;--gtc-spacing-y: 16px;--gtc-drawer-max-width: 500px}.gtc-trigger{display:flex;align-items:center;gap:.5rem;cursor:pointer;height:100%}.gtc-trigger[disabled]{cursor:not-allowed;opacity:.5}.gtc-trigger>svg{width:1.1em;height:auto}.gtc-trigger.inline-link{display:inline-block;text-decoration:underline}.gtc-scroll-lock{overflow:hidden}:where(.gtc-opener){display:none;position:absolute;z-index:999}:where(.gtc-opener)::part(header-button),:where(.gtc-opener)::part(close-button){inline-size:42px}:where(.gtc-opener)::part(base){width:100vw;height:100%;position:fixed;top:0;left:0}:where(.gtc-opener)::part(close-button){display:grid;place-content:center;padding:0;cursor:pointer;background:transparent;border:none;font-size:42px;aspect-ratio:1}:where(.gtc-opener)::part(close-button)>*{grid-area:1/1;width:.75em;height:.75em}:where(.gtc-opener)::part(content){display:flex;flex-direction:column;position:relative;padding-bottom:max(0px,env(safe-area-inset-bottom,0px));background:var(--gtc-background);visibility:hidden;pointer-events:none;overflow-wrap:break-word;z-index:90000;transition:visibility .3s cubic-bezier(.4,0,.22,1),opacity .3s cubic-bezier(.4,0,.22,1),transform .3s cubic-bezier(.4,0,.22,1)}:where(.gtc-opener)::part(header){display:flex;justify-content:space-between;align-items:center;position:sticky;top:0;padding:var(--gtc-spacing-y) var(--gtc-spacing-x);border-bottom:1px solid var(--gtc-border-color);z-index:2}:where(.gtc-opener)::part(body){overflow:auto;padding:var(--gtc-spacing-y) var(--gtc-spacing-x)}:where(.gtc-opener)::part(footer){display:flex;flex-wrap:wrap;justify-content:space-around;align-items:center;gap:1rem;padding:var(--gtc-spacing-y) var(--gtc-spacing-x);border-top:1px solid var(--gtc-border-color)}:where(.gtc-opener)::part(footer):empty{display:none}:where(.gtc-opener)[open][aria-hidden=false]::part(content){pointer-events:all;visibility:visible;opacity:1;transition:visibility 0s cubic-bezier(.4,0,.22,1),opacity .3s cubic-bezier(.4,0,.22,1),transform .3s cubic-bezier(.4,0,.22,1)}:where(.gtc-opener) :where(iframe,video){max-width:100%}@media screen and (min-width: 700px){:where(.gtc-opener__drawer,.gtc-opener__drawer--top,.gtc-opener__drawer--right,.gtc-opener__drawer--bottom,.gtc-opener__drawer--left)::part(content){height:100%;margin-left:auto;max-width:var(--gtc-drawer-max-width);transform:translate(100%)}:where(.gtc-opener__drawer,.gtc-opener__drawer--top,.gtc-opener__drawer--right,.gtc-opener__drawer--bottom,.gtc-opener__drawer--left)::part(body){height:100%}.gtc-opener__drawer--left::part(content){margin:0 auto 0 0;transform:translate(-100%)}.gtc-opener__drawer--left[open][aria-hidden=false]::part(content){transform:translate(0)}.gtc-opener__drawer::part(content),.gtc-opener__drawer--right::part(content){margin:0 0 0 auto;transform:translate(100%)}.gtc-opener__drawer[open][aria-hidden=false]::part(content),.gtc-opener__drawer--right[open][aria-hidden=false]::part(content){transform:translate(0)}.gtc-opener__drawer--top::part(content){margin:0 0 auto;max-width:100%;max-height:100vh;max-height:100dvh;transform:translateY(-100%)}.gtc-opener__drawer--top::part(base){top:0;bottom:auto;height:auto}.gtc-opener__drawer--top[open][aria-hidden=false]::part(content){height:auto;transform:translateY(0)}.gtc-opener__drawer--bottom::part(content){margin:auto 0 0;max-width:100%;max-height:100vh;max-height:100dvh;transform:translateY(100%)}.gtc-opener__drawer--bottom::part(base){top:auto;bottom:0;height:auto}.gtc-opener__drawer--bottom[open][aria-hidden=false]::part(content){height:auto;transform:translateY(0)}}@media screen and (max-width: 699px){:where(.gtc-opener__mobile-drawer,.gtc-opener__mobile-drawer--top,.gtc-opener__mobile-drawer--right,.gtc-opener__mobile-drawer--bottom,.gtc-opener__mobile-drawer--left)::part(content){height:100%;margin-left:auto;max-width:var(--gtc-drawer-max-width);transform:translate(100%)}:where(.gtc-opener__mobile-drawer,.gtc-opener__mobile-drawer--top,.gtc-opener__mobile-drawer--right,.gtc-opener__mobile-drawer--bottom,.gtc-opener__mobile-drawer--left)::part(body){height:100%}.gtc-opener__mobile-drawer--left::part(content){margin:0 auto 0 0;transform:translate(-100%)}.gtc-opener__mobile-drawer--left[open][aria-hidden=false]::part(content){transform:translate(0)}.gtc-opener__mobile-drawer::part(content),.gtc-opener__mobile-drawer--right::part(content){margin:0 0 0 auto;transform:translate(100%)}.gtc-opener__mobile-drawer[open][aria-hidden=false]::part(content),.gtc-opener__mobile-drawer--right[open][aria-hidden=false]::part(content){transform:translate(0)}.gtc-opener__mobile-drawer--top::part(content){margin:0 0 auto;max-width:100%;max-height:100vh;max-height:100dvh;transform:translateY(-100%)}.gtc-opener__mobile-drawer--top::part(base){top:0;bottom:auto;height:auto}.gtc-opener__mobile-drawer--top[open][aria-hidden=false]::part(content){height:auto;transform:translateY(0)}.gtc-opener__mobile-drawer--bottom::part(content){margin:auto 0 0;max-width:100%;max-height:100vh;max-height:100dvh;transform:translateY(100%)}.gtc-opener__mobile-drawer--bottom::part(base){top:auto;bottom:0;height:auto}.gtc-opener__mobile-drawer--bottom[open][aria-hidden=false]::part(content){height:auto;transform:translateY(0)}}@media screen and (min-width: 700px){.gtc-opener__modal::part(content),.gtc-opener__modal--small::part(content){top:50%;left:50%;width:calc(100% - var(--gtc-spacing-x));max-width:900px;height:auto;max-height:600px;border:1px solid var(--gtc-border-color);border-radius:0;box-shadow:0 25px 50px -12px #00000040;opacity:0;transform:translateY(5rem) translate(-50%,-50%)}.gtc-opener__modal[open][aria-hidden=false]::part(content),.gtc-opener__modal--small[open][aria-hidden=false]::part(content){opacity:1;visibility:visible;transform:translate(-50%,-50%)}.gtc-opener__modal--small::part(content){max-width:540px;max-height:100%}}@media screen and (max-width: 699px){.gtc-opener__mobile-modal::part(content),.gtc-opener__mobile-modal--small::part(content){top:50%;left:50%;width:calc(100% - var(--gtc-spacing-x));max-width:540px;height:auto;max-height:100%;border:1px solid var(--gtc-border-color);border-radius:0;box-shadow:0 25px 50px -12px #00000040;opacity:0;transform:translateY(5rem) translate(-50%,-50%)}.gtc-opener__mobile-modal[open][aria-hidden=false]::part(content),.gtc-opener__mobile-modal--small[open][aria-hidden=false]::part(content){opacity:1;visibility:visible;transform:translate(-50%,-50%)}.gtc-opener__mobile-modal--small::part(content){max-width:540px;max-height:100%}}@media screen and (min-width: 700px){.card__inner:has(gtc-trigger){overflow:hidden;z-index:2}.card__inner gtc-trigger{position:absolute;z-index:10;bottom:2rem;left:0;right:0;top:auto;height:auto;margin:0 2rem;transform:translateY(100%);opacity:0;transition:transform .3s cubic-bezier(.4,0,.22,1),opacity .3s cubic-bezier(.4,0,.22,1),visibility .3s cubic-bezier(.4,0,.22,1)}.card-wrapper:hover .card__inner gtc-trigger,.card-wrapper:focus-within .card__inner gtc-trigger,.card__inner gtc-trigger:focus{transform:translateY(0);opacity:1;transition:transform .3s cubic-bezier(.4,0,.22,1),opacity .3s cubic-bezier(.4,0,.22,1)}.gtc-opener__inline::part(base){--gtc-spacing-x: 1rem;--gtc-spacing-y: 1rem;--gtc-inline-element-spacing: 1.5rem;display:flex;flex-direction:column;justify-content:end;overflow:hidden;position:absolute;top:var(--gtc-inline-element-top, 0);left:var(--gtc-inline-element-left, 0);width:calc(var(--gtc-inline-element-width, 0) - (var(--gtc-inline-element-spacing) * 2));height:calc(var(--gtc-inline-element-height, 0) - (var(--gtc-inline-element-spacing) * 2));padding:var(--gtc-inline-element-spacing) var(--gtc-inline-element-spacing)}.gtc-opener__inline::part(content){top:0;transform:translateY(100%);opacity:0;overflow:auto}.gtc-opener__inline[open][aria-hidden=false]::part(content){transform:translateY(0);opacity:1}}@media screen and (max-width: 699px){.card__inner:has(gtc-trigger){overflow:hidden;z-index:2}.card__inner gtc-trigger{position:absolute;z-index:10;bottom:2rem;left:auto;right:0;top:auto;height:auto;margin:0 2rem}.gtc-opener__mobile-inline::part(base){--gtc-inline-element-spacing: 1.5rem;display:flex;flex-direction:column;justify-content:end;overflow:hidden;position:absolute;top:var(--gtc-inline-element-top, 0);left:var(--gtc-inline-element-left, 0);width:calc(var(--gtc-inline-element-width, 0) - (var(--gtc-inline-element-spacing) * 2));height:calc(var(--gtc-inline-element-height, 0) - (var(--gtc-inline-element-spacing) * 2));padding:var(--gtc-inline-element-spacing) var(--gtc-inline-element-spacing)}.gtc-opener__mobile-inline::part(content){top:0;transform:translateY(100%);opacity:0;overflow:auto}.gtc-opener__mobile-inline[open][aria-hidden=false]::part(content){transform:translateY(0);opacity:1}}:where(.gtc-opener)::part(overlay){background:#0006;min-height:100vh;min-height:100dvh;position:fixed;top:0;right:0;bottom:0;left:0;opacity:0;visibility:hidden;pointer-events:none;transition:visibility .6s cubic-bezier(.4,0,.22,1),opacity .6s cubic-bezier(.4,0,.22,1)}:where(.gtc-opener--nested)::part(overlay){background:transparent}:where(.gtc-opener)[open][aria-hidden=false]::part(overlay){opacity:1;visibility:visible;pointer-events:all;transition:visibility .3s cubic-bezier(.4,0,.22,1),opacity .3s cubic-bezier(.4,0,.22,1)}:where(.gtc-opener--nested-cart-drawer)::part(overlay){background:#0003}@media screen and (min-width: 768px){:where(.gtc-opener--nested-cart-drawer)::part(overlay){background:transparent}}
/*# sourceMappingURL=/cdn/shop/t/39/assets/gtc-opener.css.map */