.dropdown-menu{display:none;border-bottom:1px solid var(--color-border-subtle)}.dropdown-menu__carousel{position:relative;display:flex;align-items:center;min-width:0}.dropdown-menu__viewport{width:100%;min-width:0;overflow:visible}.dropdown-menu__list,.dropdown-menu__panel-list{padding:0;margin:0;list-style:none}.dropdown-menu__list{display:flex;align-items:center;gap:8px}.dropdown-menu__item{position:relative;flex:0 0 auto}.dropdown-menu__link,.dropdown-menu__toggle{display:inline-flex;align-items:center;justify-content:center;min-height:32px;gap:.25rem;padding:.35rem .55rem;border:1px solid transparent;border-radius:3px;background:transparent;color:var(--color-text);cursor:pointer;font:inherit;font-size:13px;font-weight:700;line-height:1;text-decoration:none;white-space:nowrap;transition:border-color .16s ease,background-color .16s ease,color .16s ease,box-shadow .16s ease,transform .16s ease}.dropdown-menu__link:hover,.dropdown-menu__toggle:hover{background:var(--color-primary-soft);color:var(--color-primary-hover);text-decoration:none}.dropdown-menu__link--active,.dropdown-menu__toggle[aria-expanded=true]{border-color:var(--color-primary-border);background:var(--color-primary-soft);color:var(--color-primary-hover)}.dropdown-menu__link--active:after{width:4px;height:4px;border-radius:50%;background:var(--color-primary);content:""}.dropdown-menu__link:focus-visible,.dropdown-menu__toggle:focus-visible,.dropdown-menu__panel-link:focus-visible,.dropdown-menu__scroll-button:focus-visible{outline:2px solid var(--color-focus);outline-offset:3px}.dropdown-menu__icon{flex:0 0 auto;width:13px;height:13px;fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.8;transition:transform .16s ease}.dropdown-menu__toggle[aria-expanded=true]>.dropdown-menu__icon{transform:rotate(180deg)}.dropdown-menu__icon--child{margin-left:auto}.dropdown-menu__child-toggle[aria-expanded=true]>.dropdown-menu__icon--child{transform:rotate(90deg)}.dropdown-menu__panel[hidden]{display:none!important}.dropdown-menu__panel:not([hidden]){display:block!important}.dropdown-menu__panel:not([hidden]).dropdown-menu__panel--with-image{display:grid!important;grid-template-columns:minmax(210px,1fr) minmax(180px,250px);align-items:start;gap:.5rem;min-width:480px}.dropdown-menu__panel{position:absolute;z-index:200;top:calc(100% + 6px);left:0;min-width:210px;padding:.375rem;margin:0;list-style:none;overflow:visible;border:1px solid var(--color-border);border-radius:5px;background:linear-gradient(135deg,var(--color-background) 0%,var(--color-surface) 52%,var(--color-surface-raised) 100%);box-shadow:var(--shadow-medium)}.dropdown-menu__panel--child{top:0;left:calc(100% + 4px);z-index:201}.dropdown-menu__panel-item{margin:0}.dropdown-menu__panel-link{display:flex;align-items:center;width:100%;min-height:38px;gap:.75rem;padding:.55rem .625rem;border:0;border-radius:3px;background:transparent;color:var(--color-text);cursor:pointer;font:inherit;font-size:13px;font-weight:700;line-height:1.25;text-align:left;text-decoration:none;white-space:nowrap;transition:background-color .16s ease,color .16s ease,box-shadow .16s ease}.dropdown-menu__panel-link:hover,.dropdown-menu__panel-link--active{background:var(--color-primary-soft);box-shadow:inset 3px 0 0 var(--color-primary);color:var(--color-primary-hover);text-decoration:none}.dropdown-menu__image-wrap{min-width:0;overflow:hidden;border-radius:3px;background:#00bcd417}.dropdown-menu__image{display:block;width:100%;height:100%;min-height:180px;object-fit:cover}.dropdown-menu__scroll-button{display:none}@media screen and (min-width:750px){.dropdown-menu{display:block;min-width:0;padding:.5rem 0}.dropdown-menu__carousel{display:block;min-width:0}.dropdown-menu__viewport{position:relative;z-index:1;overflow-x:auto;overflow-y:hidden;overscroll-behavior-inline:contain;scroll-behavior:smooth;scroll-padding-inline:.25rem;scrollbar-width:none;-webkit-overflow-scrolling:touch}.dropdown-menu__viewport::-webkit-scrollbar{display:none}.dropdown-menu__list{width:max-content;min-width:100%;max-width:none;padding:2px 0}.dropdown-menu__panel.dropdown-menu__panel--portal{position:fixed;z-index:1000}.dropdown-menu__scroll-button:not([hidden]){position:absolute;z-index:20;top:50%;display:inline-flex;align-items:center;justify-content:center;width:30px;height:30px;padding:0;margin:0;border:1px solid var(--color-border);border-radius:3px;background:var(--color-surface);box-shadow:var(--shadow-small);color:var(--color-text);cursor:pointer;transform:translateY(-50%);transition:border-color .16s ease,background-color .16s ease,color .16s ease,box-shadow .16s ease,transform .16s ease}.dropdown-menu__scroll-button:not([hidden]):before{position:absolute;z-index:-1;top:50%;width:56px;height:44px;content:"";pointer-events:none;transform:translateY(-50%)}.dropdown-menu__scroll-button--previous:not([hidden]){left:0}.dropdown-menu__scroll-button--previous:not([hidden]):before{left:-1px;background:linear-gradient(90deg,var(--color-surface) 45%,rgb(11 24 38 / 0%))}.dropdown-menu__scroll-button--next:not([hidden]){right:0}.dropdown-menu__scroll-button--next:not([hidden]):before{right:-1px;background:linear-gradient(270deg,var(--color-surface) 45%,rgb(11 24 38 / 0%))}.dropdown-menu__scroll-button:not([hidden]):hover{border-color:var(--color-primary);background:var(--color-primary);box-shadow:0 4px 12px #00bcd43d;color:var(--color-accent-text);transform:translateY(calc(-50% - 1px))}.dropdown-menu__scroll-button svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:2;transition:transform .16s ease}.dropdown-menu__scroll-button:not([hidden]):hover svg{transform:scale(1.08)}}@media screen and (max-width:749px){.dropdown-menu__panel--with-image{display:block!important;min-width:210px}.dropdown-menu__image-wrap{display:none}}@media(prefers-reduced-motion:reduce){.dropdown-menu__link,.dropdown-menu__toggle,.dropdown-menu__icon,.dropdown-menu__panel-link,.dropdown-menu__scroll-button,.dropdown-menu__scroll-button svg,.dropdown-menu__viewport{scroll-behavior:auto;transition-duration:.01ms!important}}
/*# sourceMappingURL=/cdn/shop/t/116/assets/dropdown-menu.css.map */