: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-max-width: 100%;--gtc-modal-max-height: 100dvh;--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-popup-y-start: 3rem;--gtc-modal-popup-y-end: 0;--gtc-modal-popup-x-start: -50%;--gtc-modal-popup-x-end: -50%;--gtc-modal-transition-duration: .3s;--gtc-modal-transition-easing: ease-out}gtc-modal{display:contents}:where(gtc-modal,.gtc-modal-extended) dialog{background:transparent;overflow:hidden;margin:0;max-width:var(--gtc-modal-max-width, 100%);cursor:default}: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:fit-content;min-height:0}: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:var(--gtc-modal-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{--gtc-modal-max-width: 460px}.gtc-modal--sm{--gtc-modal-max-width: 540px}.gtc-modal--md{--gtc-modal-max-width: 720px}.gtc-modal--lg{--gtc-modal-max-width: 960px}.gtc-modal--xl{--gtc-modal-max-width: 1140px}.gtc-modal--full{--gtc-modal-max-width: 100%}.gtc-modal__popup{transform:translate(var(--gtc-modal-popup-x-start)) 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:var(--gtc-modal-max-height, 100dvh);height:fit-content;min-height:0}:where(gtc-modal,.gtc-modal-extended) .gtc-modal__popup[open].animate{transform:translate(var(--gtc-modal-popup-x-end)) 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:var(--gtc-modal-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: calc(3rem - 50%) ;--gtc-modal-popup-y-end: -50%;--gtc-modal-popup-x-start: -50%;--gtc-modal-popup-x-end: -50%;inset:50% 0 0 calc(50% - (var(--scrollbar-offset, 0px) / 2))}.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{--gtc-modal-max-width: 460px}.gtc-modal--mobile-sm{--gtc-modal-max-width: 540px}.gtc-modal--mobile-md{--gtc-modal-max-width: 720px}.gtc-modal--mobile-lg{--gtc-modal-max-width: 960px}.gtc-modal--mobile-xl{--gtc-modal-max-width: 1140px}.gtc-modal--mobile-full{--gtc-modal-max-width: 100%}.gtc-modal__mobile-popup{transform:translate(var(--gtc-modal-popup-x-start)) 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:var(--gtc-modal-max-height, 100dvh);height:fit-content;min-height:0}:where(gtc-modal,.gtc-modal-extended) .gtc-modal__mobile-popup[open].animate{transform:translate(var(--gtc-modal-popup-x-end)) 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:var(--gtc-modal-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: calc(3rem - 50%) ;--gtc-modal-popup-y-end: -50%;--gtc-modal-popup-x-start: -50%;--gtc-modal-popup-x-end: -50%;top:50%;right:0;bottom:0;left:50%}.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: -50% !important;--gtc-modal-popup-y-end: -50% !important;--gtc-modal-popup-x-start: -50% !important;--gtc-modal-popup-x-end: -50% !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/19/assets/gtc-modal.css.map */