.custom-gnb-mobile-drawer-container{display:flex;align-items:center;justify-content:center;height:100%}.custom-gnb-mobile-drawer-container>summary.header__icon--summary{display:flex!important;align-items:center!important;justify-content:center!important;width:var(--button-size)!important;height:var(--button-size)!important;margin:0!important;padding:0!important;list-style:none!important;cursor:pointer}.custom-gnb-mobile-drawer-container>summary.header__icon--summary .svg-wrapper{width:100%!important;height:100%!important;display:flex!important;align-items:center!important;justify-content:center!important}details.custom-gnb-mobile-drawer-container>summary .svg-wrapper.header-drawer-icon--open{display:flex!important;opacity:1}details.custom-gnb-mobile-drawer-container>summary .svg-wrapper.header-drawer-icon--close{display:none!important}.custom-gnb-mobile-drawer{position:fixed;top:0;left:0;width:min(90vw,500px);max-width:500px;height:100dvh;background-color:#fff;z-index:1000;overflow:hidden;display:flex;flex-direction:column;box-shadow:2px 0 8px #0000001a;transform:translate(-100%);opacity:0;visibility:hidden;pointer-events:none;transition:transform .35s cubic-bezier(.4,0,.2,1),opacity .35s cubic-bezier(.4,0,.2,1),visibility .35s cubic-bezier(.4,0,.2,1),pointer-events 0s .35s;will-change:transform,opacity}details.custom-gnb-mobile-drawer-container[open].menu-open .custom-gnb-mobile-drawer{transform:translate(0);opacity:1;visibility:visible;pointer-events:auto;transition:transform .35s cubic-bezier(.4,0,.2,1),opacity .35s cubic-bezier(.4,0,.2,1),visibility .35s cubic-bezier(.4,0,.2,1),pointer-events 0s 0s}details.custom-gnb-mobile-drawer-container[open]:not(.menu-open) .custom-gnb-mobile-drawer,details.custom-gnb-mobile-drawer-container:not([open]):not(.menu-open) .custom-gnb-mobile-drawer{transform:translate(-100%);opacity:0;visibility:hidden;pointer-events:none;transition:transform .35s cubic-bezier(.4,0,.2,1),opacity .35s cubic-bezier(.4,0,.2,1),visibility .35s cubic-bezier(.4,0,.2,1),pointer-events 0s .35s}.custom-gnb-mobile-drawer__close-button{position:absolute;top:0;left:var(--padding-xl);width:calc(var(--button-size) * 2);height:calc(var(--button-size) * 2);display:flex;align-items:center;justify-content:flex-start;padding:0;margin:0;background:transparent;border:none;cursor:pointer;z-index:10;color:var(--color-foreground);transition:opacity .2s ease .15s,visibility .2s ease .15s}.custom-gnb-mobile-drawer[data-current-layer=sub] .custom-gnb-mobile-drawer__close-button{opacity:0;visibility:hidden;pointer-events:none}.custom-gnb-mobile-drawer__close-button .svg-wrapper{width:calc(var(--icon-size-xs) * 2);height:calc(var(--icon-size-xs) * 2)}.custom-gnb-mobile-drawer__layer{position:absolute;top:0;left:0;width:100%;height:100%;overflow-y:auto;overflow-x:hidden;padding-bottom:var(--padding-lg);transform:translate(0);opacity:1;visibility:visible;transition:transform .35s cubic-bezier(.4,0,.2,1),opacity .35s cubic-bezier(.4,0,.2,1),visibility .35s cubic-bezier(.4,0,.2,1)}.custom-gnb-mobile-drawer__layer--main{transform:translate(0);opacity:1;visibility:visible;z-index:2;padding-top:calc(var(--button-size) * 2 + var(--padding-md) * 3)}.custom-gnb-mobile-drawer__layer--sub{padding-top:0;transform:translate(100%);opacity:1;visibility:visible;pointer-events:none;z-index:1}.custom-gnb-mobile-drawer[data-current-layer=sub] .custom-gnb-mobile-drawer__layer--main{transform:translate(-100%);opacity:0;visibility:hidden;pointer-events:none}.custom-gnb-mobile-drawer[data-current-layer=sub] .custom-gnb-mobile-drawer__layer--sub[data-submenu]{transform:translate(100%);opacity:0;visibility:hidden;pointer-events:none}.custom-gnb-mobile-drawer[data-current-layer=sub][data-current-submenu=shop] .custom-gnb-mobile-drawer__layer--sub[data-submenu=shop],.custom-gnb-mobile-drawer[data-current-layer=sub][data-current-submenu=edits] .custom-gnb-mobile-drawer__layer--sub[data-submenu=edits]{transform:translate(0);opacity:1;visibility:visible;pointer-events:auto;z-index:3}.custom-gnb-mobile-drawer[data-current-layer=sub][data-current-submenu=shop] .custom-gnb-mobile-drawer__layer--sub:not([data-submenu=shop]),.custom-gnb-mobile-drawer[data-current-layer=sub][data-current-submenu=edits] .custom-gnb-mobile-drawer__layer--sub:not([data-submenu=edits]){transform:translate(100%);opacity:0;visibility:hidden;pointer-events:none}.custom-gnb-mobile-drawer__navigation{padding:0;margin:0}.custom-gnb-mobile-drawer__menu{list-style:none;padding:0;margin:0;display:flex;flex-direction:column}.custom-gnb-mobile-drawer__menu-item{list-style:none;margin:0;padding:0;border-bottom:1px solid #f0f0f0}.custom-gnb-mobile-drawer__link{display:flex;align-items:center;justify-content:space-between;width:100%;padding:var(--padding-lg) var(--padding-xl);color:#000;font-size:11px;font-weight:600;font-family:ABCROMWide Book!important;text-transform:uppercase;letter-spacing:.15em;text-decoration:none;background:transparent;border:none;cursor:pointer;transition:opacity .25s ease;text-align:left;gap:var(--padding-sm)}.custom-gnb-mobile-drawer__link:hover{opacity:.5}.custom-gnb-mobile-drawer__link:focus{outline:none}.custom-gnb-mobile-drawer__link:focus:not(:hover){opacity:1}.custom-gnb-mobile-drawer__link-text{color:#000;white-space:nowrap;font-family:ABCROMWide Book!important}.custom-gnb-mobile-drawer__link--has-submenu .icon-caret{width:var(--icon-size-xs);height:var(--icon-size-xs);flex-shrink:0;display:flex!important;align-items:center;justify-content:center;opacity:1;visibility:visible}.custom-gnb-mobile-drawer__link--has-submenu .svg-wrapper.icon-caret{display:flex!important;width:var(--icon-size-xs)!important;height:var(--icon-size-xs)!important}.custom-gnb-mobile-drawer__submenu-header{position:sticky;top:0;left:0;right:0;border-bottom:1px solid #e8e8e8;padding:var(--padding-md) var(--padding-xl);padding-top:calc(var(--button-size) * 2 + var(--padding-md) * 3);background-color:#fff;z-index:1}.custom-gnb-mobile-drawer__back-button{display:flex;align-items:center;width:100%;padding:var(--padding-md) 0;background:transparent;border:none;color:#000;font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.15em;cursor:pointer;text-align:left;transition:opacity .25s ease}.custom-gnb-mobile-drawer__back-button:hover,.custom-gnb-mobile-drawer__back-button:focus{opacity:.5;outline:none}.custom-gnb-mobile-drawer__back-button .icon-caret{width:var(--icon-size-xs);height:var(--icon-size-xs);margin-right:var(--padding-sm);flex-shrink:0}.custom-gnb-mobile-drawer__back-text{color:#000;font-family:ABCROMWide Book!important}.custom-gnb-mobile-drawer__submenu{list-style:none;padding:0;margin:0;display:flex;flex-direction:column}.custom-gnb-mobile-drawer__submenu-item{list-style:none;margin:0;padding:0;border-bottom:1px solid #f0f0f0}.custom-gnb-mobile-drawer__submenu-link{display:block;width:100%;padding:var(--padding-lg) var(--padding-xl);color:#222;font-family:ABCROMWide Book,system-ui,-apple-system,Segoe UI,Roboto,sans-serif;font-size:13px;font-weight:400;letter-spacing:.01em;text-decoration:none;transition:opacity .25s ease;text-align:left}.custom-gnb-mobile-drawer__submenu-link:hover{opacity:.5}.custom-gnb-mobile-drawer__submenu-link:focus{outline:none}.custom-gnb-mobile-drawer__submenu-link:focus:not(:hover){opacity:1}.custom-gnb-mobile-drawer__submenu-link-text{color:#222}.custom-gnb-mobile-drawer__backdrop{position:fixed;top:0;left:0;width:100vw;height:100dvh;background-color:#00000080;z-index:999;opacity:0;visibility:hidden;transition:opacity .35s cubic-bezier(.4,0,.2,1),visibility .35s cubic-bezier(.4,0,.2,1);-webkit-backdrop-filter:brightness(.75);backdrop-filter:brightness(.75)}details.custom-gnb-mobile-drawer-container[open] .custom-gnb-mobile-drawer__backdrop{opacity:1;visibility:visible}@media screen and (min-width:1050px){.custom-gnb-mobile-drawer-container{display:none!important}}@media screen and (max-width:1049px){.custom-gnb-mobile-drawer-container{display:flex!important}}
/*# sourceMappingURL=/cdn/shop/t/18/assets/custom-gnb-mobile-drawer.css.map */