@media(max-width:989px){:root{--olea-mobile-panel-height:min(80dvh,calc(100dvh - var(--header-bottom,var(--header-height,0px))));--olea-mobile-panel-top:calc(var(--header-search-bottom,var(--header-bottom,var(--header-height,0px))) + 6px);--olea-mobile-panel-header-height:max(0px,calc(100dvh - var(--olea-mobile-panel-top)));--olea-mobile-panel-radius:22px;--olea-mobile-panel-overlay:rgba(0,0,0,.42)}.olea-mobile-panel.olea-mobile-panel{position:fixed;inset:auto 0 0;margin:0;width:100%;max-width:none;height:var(--olea-mobile-panel-height);max-height:var(--olea-mobile-panel-height);min-height:0;padding:0;border:0;border-radius:var(--olea-mobile-panel-radius) var(--olea-mobile-panel-radius) 0 0;overflow:hidden;background:#fff;color:var(--ink);box-sizing:border-box;transform:none;overscroll-behavior:contain}.olea-mobile-panel[open],.olea-mobile-panel[role=dialog]:not([hidden]){display:flex;flex-direction:column}.olea-mobile-panel::backdrop{background:var(--olea-mobile-panel-overlay);backdrop-filter:none;-webkit-backdrop-filter:none}.olea-mobile-panel .olea-mobile-panel__head{display:flex;align-items:center;gap:10px;flex:none;min-height:64px;padding:11px 18px;border-bottom:1px solid var(--line);background:#fff;box-sizing:border-box}.olea-mobile-panel .olea-mobile-panel__identity{display:flex;flex-direction:column;justify-content:center;gap:2px;flex:1;min-width:0}.olea-mobile-panel .olea-mobile-panel__title{margin:0;color:var(--ink);font:600 14px/1.3 var(--font-body);letter-spacing:0}.olea-mobile-panel .olea-mobile-panel__subtitle{display:block;min-width:0;max-width:100%;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;color:var(--muted);font:400 11px/1.35 var(--font-body);letter-spacing:0}.olea-mobile-panel .olea-mobile-panel__subtitle>.online-dot{margin-inline-end:5px}.olea-mobile-panel .olea-mobile-panel__back,.olea-mobile-panel .olea-mobile-panel__close{display:grid;place-items:center;flex:none;width:36px;height:36px;padding:0;border:1px solid var(--line);border-radius:50%;background:#fff;color:var(--ink);cursor:pointer}.olea-mobile-panel .olea-mobile-panel__back>.icon,.olea-mobile-panel .olea-mobile-panel__close>.icon{display:block;width:16px;height:16px;flex:none;stroke-width:1.7;transform:none}.olea-mobile-panel .olea-mobile-panel__body{flex:1;min-height:0;max-height:none;overflow-y:auto;overscroll-behavior:contain;-webkit-overflow-scrolling:touch}.olea-mobile-panel .olea-mobile-panel__footer{flex:none;padding-bottom:max(14px,env(safe-area-inset-bottom));background:#fff}:is(.site-header .olea-mobile-panel,.assistant-dialog.olea-mobile-panel,visual-search .visual-search__dialog.olea-mobile-panel,.footer-localization-sheet.olea-mobile-panel){--olea-mobile-panel-height:var(--olea-mobile-panel-header-height);inset:var(--olea-mobile-panel-top) 0 0;border-radius:var(--olea-mobile-panel-radius) var(--olea-mobile-panel-radius) 0 0}:is(.site-header .olea-mobile-panel,.assistant-dialog.olea-mobile-panel,visual-search .visual-search__dialog.olea-mobile-panel,.footer-localization-sheet.olea-mobile-panel) .olea-mobile-panel__head{min-height:74px;padding:14px 18px;gap:10px}:where(.site-header .olea-mobile-panel,.assistant-dialog.olea-mobile-panel,visual-search .visual-search__dialog.olea-mobile-panel,.footer-localization-sheet.olea-mobile-panel) .olea-mobile-panel__head .olea-mobile-panel__title{font-size:16.5px;font-weight:650;line-height:1.25;letter-spacing:0}:where(.site-header .olea-mobile-panel,.assistant-dialog.olea-mobile-panel,visual-search .visual-search__dialog.olea-mobile-panel,.footer-localization-sheet.olea-mobile-panel) .olea-mobile-panel__head .olea-mobile-panel__subtitle{font-size:12.5px;line-height:1.35}:is(.site-header .olea-mobile-panel,.assistant-dialog.olea-mobile-panel,visual-search .visual-search__dialog.olea-mobile-panel,.footer-localization-sheet.olea-mobile-panel) .olea-mobile-panel__head :is(.olea-mobile-panel__back,.olea-mobile-panel__close,.assistant-reset,.mobile-menu__account-action){flex:0 0 44px;width:44px;height:44px;min-height:44px}:is(.site-header .olea-mobile-panel,.assistant-dialog.olea-mobile-panel,visual-search .visual-search__dialog.olea-mobile-panel,.footer-localization-sheet.olea-mobile-panel) .olea-mobile-panel__head :is(.olea-mobile-panel__back,.olea-mobile-panel__close,.assistant-reset,.mobile-menu__account-action)>.icon{width:16px;height:16px;flex:none;transform:none}:is(.site-header .olea-mobile-panel,.assistant-dialog.olea-mobile-panel,visual-search .visual-search__dialog.olea-mobile-panel,.footer-localization-sheet.olea-mobile-panel) :is(.olea-mobile-panel__body,.mobile-collection-panel__body){scrollbar-width:none}:is(.site-header .olea-mobile-panel,.assistant-dialog.olea-mobile-panel,visual-search .visual-search__dialog.olea-mobile-panel,.footer-localization-sheet.olea-mobile-panel) :is(.olea-mobile-panel__body,.mobile-collection-panel__body)::-webkit-scrollbar{display:none}html[data-header-panel],html:has(dialog.olea-mobile-panel:modal),html:has(.site-header .mobile-menu[open]),html:has(.site-header .search-panel:not([hidden])){overflow:hidden;overscroll-behavior:none}html[data-header-panel] body,body:has(dialog.olea-mobile-panel:modal),body:has(.site-header .mobile-menu[open]),body:has(.site-header .search-panel:not([hidden])){overflow:clip;overscroll-behavior:none}.olea-mobile-panel :is(a,button,input):focus-visible{outline:2px solid var(--ink);outline-offset:3px}@keyframes olea-mobile-panel-in{0%{opacity:0;transform:translateY(28px)}to{opacity:1;transform:none}}@keyframes olea-mobile-panel-out{0%{opacity:1;transform:none}to{opacity:0;transform:translateY(28px)}}@keyframes olea-mobile-backdrop-in{0%{opacity:0}to{opacity:1}}@keyframes olea-mobile-backdrop-out{0%{opacity:1}to{opacity:0}}.animations-enabled .olea-mobile-panel[open]:not(.is-closing),.animations-enabled .olea-mobile-panel[role=dialog]:not([hidden]):not(.is-closing){animation:olea-mobile-panel-in .3s var(--ease) both}.animations-enabled .olea-mobile-panel.is-closing{animation:olea-mobile-panel-out .26s var(--ease) both}.animations-enabled .olea-mobile-panel[open]:not(.is-closing)::backdrop{animation:olea-mobile-backdrop-in .3s ease both}.animations-enabled .olea-mobile-panel[open].is-closing::backdrop{animation:olea-mobile-backdrop-out .26s ease both}@media(prefers-reduced-motion:reduce){.animations-enabled .olea-mobile-panel[open],.animations-enabled .olea-mobile-panel[role=dialog],.animations-enabled .olea-mobile-panel.is-closing{animation:none}}}
/*# sourceMappingURL=/cdn/shop/t/2/assets/mobile-panels.css.map */
