:root{--scrollbar-offset: 0px;--gtc-modal-background: var(--background, rgb(255, 255, 255));--gtc-modal-border-color: var(--border-color, rgba(0, 0, 0, .1));--gtc-modal-border-color: #eee;--gtc-modal-text-primary: rgb(0, 0, 0);--gtc-modal-spacing-x: 24px;--gtc-modal-spacing-y: 16px;--gtc-modal-drawer-x-start: 100%;--gtc-modal-drawer-x-end: 0px;--gtc-modal-drawer-y-start: 100%;--gtc-modal-drawer-y-end: 0px;--gtc-modal-transition-duration: .3s;--gtc-modal-transition-easing: ease-out}@property --scrollbar-offset{syntax: "<length>"; initial-value: 0px; inherits: true;}@property --gtc-modal-background{syntax: "<color>"; initial-value: var(--background, rgb(255, 255, 255)); inherits: true;}@property --gtc-modal-drawer-x-start{syntax: "<length>"; initial-value: 100%; inherits: true;}@property --gtc-modal-drawer-x-end{syntax: "<length>"; initial-value: 0px; inherits: true;}@property --gtc-modal-drawer-y-start{syntax: "<length>"; initial-value: 100%; inherits: true;}@property --gtc-modal-drawer-y-end{syntax: "<length>"; initial-value: 0px; inherits: true;}gtc-modal{display:contents}:where(gtc-modal,.gtc-modal-extended) dialog{background:transparent;overflow:hidden}:where(gtc-modal,.gtc-modal-extended) dialog::backdrop{opacity:0}.gtc-modal{border:0;padding:0;width:100%;background:var(--gtc-modal-background);transition:opacity var(--gtc-modal-transition-duration) var(--gtc-modal-transition-easing);display:none;opacity:0;box-shadow:0 0 10px #0003}:where(gtc-modal,.gtc-modal-extended) .gtc-modal[open]{display:block}.gtc-modal::backdrop{opacity:0;-webkit-backdrop-filter:blur(1px);backdrop-filter:blur(1px)}.gtc-modal--overlay::backdrop{opacity:0;background-color:#0006;transition:opacity var(--gtc-modal-transition-duration) var(--gtc-modal-transition-easing)}.gtc-modal--overlay.gtc-show-overlay.animate[open]::backdrop{opacity:1}.gtc-modal__content{display:block;width:100%;height:100%}:where(.gtc-modal) gtc-modal-content::part(header-button),:where(.gtc-modal) gtc-modal-content::part(close-button){inline-size:42px;color:var(--gtc-color-text)}:where(.gtc-modal) gtc-modal-content::part(close-button){display:grid;place-content:center;padding:0;cursor:pointer;background:transparent;border:none;font-size:42px;aspect-ratio:1}:where(.gtc-modal) gtc-modal-content::part(close-button)>*{grid-area:1/1;width:.75em;height:.75em}:where(.gtc-modal) gtc-modal-content::part(content){display:flex;flex-direction:column;position:relative;padding-bottom:max(0px,env(safe-area-inset-bottom,0px));height:100%;max-height:100vh;max-height:100dvh;background:var(--gtc-modal-background);overflow-wrap:break-word}:where(.gtc-modal) gtc-modal-content::part(header){position:sticky;top:0;display:flex;justify-content:space-between;align-items:center;padding:var(--gtc-modal-spacing-y) var(--gtc-modal-spacing-x);border-bottom:1px solid var(--gtc-modal-border-color);background:var(--gtc-modal-background);z-index:2}:where(.gtc-modal) gtc-modal-content::part(body){overflow:auto;padding:var(--gtc-modal-spacing-y) var(--gtc-modal-spacing-x)}:where(.gtc-modal) gtc-modal-content::part(footer){position:sticky;bottom:calc(0 + env(safe-area-inset-bottom,0px));margin-top:auto;display:flex;flex-wrap:wrap;justify-content:space-around;align-items:center;gap:1rem;padding:var(--gtc-modal-spacing-y) var(--gtc-modal-spacing-x);border-top:1px solid var(--gtc-modal-border-color);background:var(--gtc-modal-background);z-index:2}:where(.gtc-modal) gtc-modal-content::part(footer):empty{display:none}:where(.gtc-modal) gtc-modal-content :where(iframe,video){max-width:100%}.gtc-modal--xs{max-width:460px}.gtc-modal--sm{max-width:540px}.gtc-modal--md{max-width:720px}.gtc-modal--lg{max-width:960px}.gtc-modal--xl{max-width:1140px}.gtc-modal--full{max-width:100%}.gtc-modal__popup{transform:translateY(var(--gtc-modal-popup-y-start));transition:transform var(--gtc-modal-transition-duration) var(--gtc-modal-transition-easing),opacity var(--gtc-modal-transition-duration) var(--gtc-modal-transition-easing);max-height:100vh;max-height:100dvh}:where(gtc-modal,.gtc-modal-extended) .gtc-modal__popup[open].animate{transform:translateY(var(--gtc-modal-popup-y-end));opacity:1}.gtc-modal__drawer{transform:translate(var(--gtc-modal-drawer-x-start)) translateY(var(--gtc-modal-drawer-y-start));transition:transform var(--gtc-modal-transition-duration) var(--gtc-modal-transition-easing),opacity var(--gtc-modal-transition-duration) var(--gtc-modal-transition-easing);height:100%;max-height:100vh;max-height:100dvh;opacity:1}:where(gtc-modal,.gtc-modal-extended) .gtc-modal__drawer[open].animate{transform:translate(var(--gtc-modal-drawer-x-end)) translateY(var(--gtc-modal-drawer-y-end));opacity:1}.gtc-modal__popup{--gtc-modal-popup-y-start: 3rem;--gtc-modal-popup-y-end: 0;right:var(--scrollbar-offset, 0px)}.gtc-modal__drawer--left{--gtc-modal-drawer-x-start: -100%;--gtc-modal-drawer-x-end: 0;--gtc-modal-drawer-y-start: 0;--gtc-modal-drawer-y-end: 0;inset:0 auto 0 0}.gtc-modal__drawer--right{--gtc-modal-drawer-x-start: 100%;--gtc-modal-drawer-x-end: 0;--gtc-modal-drawer-y-start: 0;--gtc-modal-drawer-y-end: 0;inset:0 0 0 auto}.gtc-modal__drawer--bottom{--gtc-modal-drawer-x-start: 0;--gtc-modal-drawer-x-end: 0;--gtc-modal-drawer-y-start: 100%;--gtc-modal-drawer-y-end: 0;inset:auto 0 0 0;height:auto}.gtc-modal__drawer--top{--gtc-modal-drawer-x-start: 0;--gtc-modal-drawer-x-end: 0;--gtc-modal-drawer-y-start: -100%;--gtc-modal-drawer-y-end: 0;inset:0 0 auto 0;height:auto}@media screen and (max-width: 768px){.gtc-modal--mobile-xs{max-width:460px}.gtc-modal--mobile-sm{max-width:540px}.gtc-modal--mobile-md{max-width:720px}.gtc-modal--mobile-lg{max-width:960px}.gtc-modal--mobile-xl{max-width:1140px}.gtc-modal--mobile-full{max-width:100%}.gtc-modal__mobile-popup{transform:translateY(var(--gtc-modal-popup-y-start));transition:transform var(--gtc-modal-transition-duration) var(--gtc-modal-transition-easing),opacity var(--gtc-modal-transition-duration) var(--gtc-modal-transition-easing);max-height:100vh;max-height:100dvh}:where(gtc-modal,.gtc-modal-extended) .gtc-modal__mobile-popup[open].animate{transform:translateY(var(--gtc-modal-popup-y-end));opacity:1}.gtc-modal__mobile-drawer{transform:translate(var(--gtc-modal-drawer-x-start)) translateY(var(--gtc-modal-drawer-y-start));transition:transform var(--gtc-modal-transition-duration) var(--gtc-modal-transition-easing),opacity var(--gtc-modal-transition-duration) var(--gtc-modal-transition-easing);height:100%;max-height:100vh;max-height:100dvh;opacity:1}:where(gtc-modal,.gtc-modal-extended) .gtc-modal__mobile-drawer[open].animate{transform:translate(var(--gtc-modal-drawer-x-end)) translateY(var(--gtc-modal-drawer-y-end));opacity:1}.gtc-modal__mobile-popup{--gtc-modal-popup-y-start: 3rem;--gtc-modal-popup-y-end: 0;right:var(--scrollbar-offset, 0px)}.gtc-modal__mobile-drawer--left{--gtc-modal-drawer-x-start: -100%;--gtc-modal-drawer-x-end: 0;--gtc-modal-drawer-y-start: 0;--gtc-modal-drawer-y-end: 0;inset:0 auto 0 0}.gtc-modal__mobile-drawer--right{--gtc-modal-drawer-x-start: 100%;--gtc-modal-drawer-x-end: 0;--gtc-modal-drawer-y-start: 0;--gtc-modal-drawer-y-end: 0;inset:0 0 0 auto}.gtc-modal__mobile-drawer--bottom{--gtc-modal-drawer-x-start: 0;--gtc-modal-drawer-x-end: 0;--gtc-modal-drawer-y-start: 100%;--gtc-modal-drawer-y-end: 0;inset:auto 0 0 0;height:auto}.gtc-modal__drawer--top{--gtc-modal-drawer-x-start: 0;--gtc-modal-drawer-x-end: 0;--gtc-modal-drawer-y-start: -100%;--gtc-modal-drawer-y-end: 0;inset:0 0 auto 0;height:auto}}@media (prefers-reduced-motion){.gtc-modal__popup,.gtc-modal__mobile-popup{--gtc-modal-popup-y-start: 0 !important;--gtc-modal-popup-y-end: 0 !important}.gtc-modal__drawer,.gtc-modal__mobile-drawer{opacity:0;--gtc-modal-drawer-x-start: 0 !important;--gtc-modal-drawer-x-end: 0 !important;--gtc-modal-drawer-y-start: 0 !important;--gtc-modal-drawer-y-end: 0 !important}:where(gtc-modal,.gtc-modal-extended) .gtc-modal__drawer[open].animate,:where(gtc-modal,.gtc-modal-extended) .gtc-modal__mobile-drawer[open].animate{opacity:1}}
/*# sourceMappingURL=/cdn/shop/t/15/assets/gtc-modal.css.map */