.tkm-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:99999;display:flex;align-items:center;justify-content:center;padding:40px}@media(max-width:767px){.tkm-overlay{align-items:flex-end;padding:0}}.tkm-backdrop{position:absolute;top:0;right:0;bottom:0;left:0;touch-action:none;background:#0009;opacity:0;transition:opacity .32s ease}.tkm-overlay--open .tkm-backdrop{opacity:1}[data-tkm-theme=light] .tkm-backdrop{background:#0003;backdrop-filter:blur(0px);-webkit-backdrop-filter:blur(0px)}.tkm-sheet{position:relative;z-index:1;display:flex;flex-direction:column;width:100%;max-width:752px;max-height:853px;background:#0b0b0b;border-radius:8px;overflow:hidden;box-shadow:0 24px 80px #0006;opacity:0;transform:scale(.96) translateY(12px);transition:transform .32s cubic-bezier(.32,.72,0,1),opacity .32s ease}.tkm-overlay--open .tkm-sheet{opacity:1;transform:scale(1) translateY(0)}[data-tkm-theme=light] .tkm-sheet{background:#f8f8f8;box-shadow:0 40px 40px -40px #0b0b0b1a}@media(max-width:767px){.tkm-sheet{max-width:none;max-height:80vh;height:100%;border-radius:8px 8px 0 0;box-shadow:0 -8px 40px #0000004d;opacity:1;transform:translateY(100%)}.tkm-overlay--open .tkm-sheet{transform:translateY(0)}[data-tkm-theme=light] .tkm-sheet{box-shadow:0 -8px 40px #0b0b0b1a}}.tkm-drag-handle{display:none}@media(max-width:767px){.tkm-drag-handle{display:flex;position:sticky;top:0;z-index:10;align-items:center;justify-content:center;height:28px;background:#0b0b0b;cursor:grab;touch-action:none}[data-tkm-theme=light] .tkm-drag-handle{background:#f8f8f8}.tkm-drag-handle-bar{width:40px;height:4px;border-radius:2px;background:#ffffff40}[data-tkm-theme=light] .tkm-drag-handle-bar{background:#0b0b0b26}}.tkm-close{position:absolute;top:16px;right:16px;z-index:50;background:none;border:none;cursor:pointer;padding:4px;color:#fff9;font-size:20px;line-height:1}[data-tkm-theme=light] .tkm-close{color:#0b0b0b80}.tkm-close:hover{opacity:.8}@media(max-width:767px){.tkm-close{display:none}}.tkm-content{flex:1 1 auto;min-height:0;overflow-y:auto;overscroll-behavior:contain;padding:4rem}.tkm-footer{flex-shrink:0;position:sticky;bottom:0;z-index:5;padding:var(--space-2) var(--space-7) var(--space-7);background:inherit}[data-tkm-theme=light] .tkm-footer{background:#f8f8f8}@media(max-width:767px){.tkm-footer{padding:var(--space-2) var(--space-5) var(--space-5)}}.tkm-footer-close{display:flex;width:100%;align-items:center;justify-content:center;padding:var(--button-padding-y) var(--button-padding-x);background:transparent;border:1px solid var(--button-secondary-border-default);border-radius:var(--radius-button);cursor:pointer;font-family:var(--font-heading);font-weight:var(--fw-600);font-size:var(--fs-body-md-desktop);line-height:1;letter-spacing:var(--ls-display-p-1);text-transform:uppercase;color:rgb(var(--color-foreground));transition:border-color .15s ease,background-color .15s ease}.tkm-footer-close:hover{border-color:var(--button-secondary-border-hover)}.tkm-content .product-popup-modal__content{border-radius:var(--popup-corner-radius);background-color:rgb(var(--color-background));overflow:hidden auto;height:100%;margin:0 auto;left:50%;transform:translate(-50%);width:100%;position:relative;top:0;padding:0;box-shadow:none;border:none}.tkm-content .product-popup-modal__toggle{display:none}.tkm-overlay div:empty{display:block}[data-tkm-theme=light]{--tkm-light-radius: 16px;--tkm-light-gutter: var(--space-10)}[data-tkm-theme=light] .tkm-backdrop{background:rgba(var(--color-gray-950-rgb),.45);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px)}[data-tkm-theme=light] .tkm-sheet{background:var(--color-gray-50);border-radius:var(--tkm-light-radius);box-shadow:none}.tkm-header{display:flex;flex-shrink:0;align-items:center;justify-content:space-between;gap:var(--space-3);min-height:var(--space-10);padding:var(--tkm-light-gutter) var(--tkm-light-gutter) 0}.tkm-title{margin:0;font-family:var(--font-heading);font-size:var(--fs-display-3-mobile);font-weight:var(--fw-600);line-height:var(--lh-1);letter-spacing:var(--ls-display-0);text-transform:uppercase;color:var(--color-black-def)}[data-tkm-theme=light] .tkm-close{position:static;display:inline-flex;flex:none;align-items:center;justify-content:center;width:var(--space-10);height:var(--space-10);margin-left:auto;padding:0;border:1px solid var(--color-black-def);border-radius:var(--radius-pill);background:transparent;color:var(--color-black-def)}[data-tkm-theme=light] .tkm-content{padding:var(--tkm-light-gutter)}[data-tkm-theme=light] .tkm-content:has(+.tkm-footer){padding-bottom:0}[data-tkm-theme=light] .tkm-footer{display:flex;justify-content:flex-start;padding:var(--space-8) var(--tkm-light-gutter) var(--tkm-light-gutter);background:var(--color-gray-50)}[data-tkm-theme=light] .tkm-footer-close{width:auto;min-height:44px;font-size:var(--fs-btn-md);letter-spacing:.5px;color:var(--color-black-def);border-color:var(--color-black-def)}@media(max-width:767px){[data-tkm-theme=light]{--tkm-light-gutter: var(--space-5)}[data-tkm-theme=light] .tkm-backdrop{background:rgba(var(--color-gray-950-rgb),.5);backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px)}[data-tkm-theme=light] .tkm-sheet{height:auto;max-height:calc(100dvh - 71px);border-radius:var(--radius-modal) var(--radius-modal) 0 0}[data-tkm-theme=light] .tkm-drag-handle{height:auto;padding-top:var(--space-2-5);background:var(--color-gray-50)}[data-tkm-theme=light] .tkm-drag-handle-bar{width:var(--space-20);background:var(--color-gray-400);border-radius:var(--radius-pill)}[data-tkm-theme=light] .tkm-close{display:inline-flex}.tkm-header{padding-top:var(--space-3)}[data-tkm-theme=light] .tkm-content{padding:var(--space-3) var(--tkm-light-gutter) max(var(--tkm-light-gutter),env(safe-area-inset-bottom))}[data-tkm-theme=light] .tkm-footer{padding:18px var(--space-4) max(18px,env(safe-area-inset-bottom))}[data-tkm-theme=light] .tkm-footer-close{width:100%}}
/*# sourceMappingURL=/cdn/shop/t/169/assets/takomo-modal.css.map */