.dropdown{position:relative;display:inline-block;width:100%}@media (min-width: 1024px){.dropdown{max-width:11rem}}@media (min-width: 1440px){.dropdown{max-width:12.5rem}}.dropdown__button{display:flex;align-items:center;flex-direction:row-reverse;justify-content:space-between;gap:1.25rem;cursor:pointer;padding:.75rem 1rem;--debug-typography: "p2r";font-family:DM Sans,sans-serif;font-size:16px;font-weight:400;line-height:136%;font-style:normal;letter-spacing:0;border:.0625rem solid var(--color-white-80);border-radius:.5rem;height:100%}.dropdown__icon,.dropdown .icon{width:1.5rem;height:1.5rem;transition:all .3s ease-in-out}.dropdown__text{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.dropdown .list-item.is-active{background:var(--color-white-90)}.dropdown.is-active>.dropdown__content{display:block}.dropdown__content{display:none;position:absolute;background:var(--color-white-100);border:.0625rem solid var(--color-white-80);width:calc(100% + 36px);z-index:100;border-radius:.5rem;overflow:hidden;box-shadow:.25rem .625rem 1.875rem #0000001a}.dropdown.is-active .dropdown__icon{transform:rotateX(180deg);-webkit-transform:rotateX(180deg)}.dropdown:hover,.dropdown:focus,.dropdown:active,.dropdown.is-active{background:var(--color-white-90);border-radius:.5rem}.dropdown__list{display:flex;flex-direction:column}.dropdown .list-item{display:flex;justify-content:space-between;padding:.75rem 1rem;text-decoration:none;border-bottom:.0625rem solid var(--color-white-80)}.dropdown .list-item:last-child{border-bottom:none}.dropdown .list-item .icon{display:none}.dropdown .list-item.is-active{justify-content:space-between}.dropdown .list-item.is-active .icon{display:block;order:2}.dropdown .list-item:hover,.dropdown .list-item:focus,.dropdown .list-item:active{cursor:pointer;background:var(--color-white-90)}.dropdown .text{--debug-typography: "p2r";font-family:DM Sans,sans-serif;font-size:16px;font-weight:400;line-height:136%;font-style:normal;letter-spacing:0;order:1}.dropdown .icon{width:1.5rem;height:1.5rem}.dropdown_bottomLeft .dropdown__content{top:100%;left:0}.dropdown_bottom .dropdown__content{top:calc(100% + 8px);left:50%;transform:translate(-50%)}.dropdown_bottomRight .dropdown__content{top:calc(100% + 8px);right:0}.dropdown_topLeft .dropdown__content{bottom:100%;left:0}.dropdown_top .dropdown__content{bottom:100%;left:50%;transform:translate(-50%)}.dropdown_topRight .dropdown__content{bottom:100%;right:0}.dropdown_leftCenter .dropdown__content{right:100%;top:50%;transform:translateY(-50%)}.dropdown_leftTop .dropdown__content{right:100%;top:100%;transform:translateY(-100%)}.dropdown_leftBottom .dropdown__content{right:100%;top:0}.dropdown_rightCenter .dropdown__content{left:100%;top:50%;transform:translateY(-50%)}.dropdown_rightTop .dropdown__content{left:100%;top:100%;transform:translateY(-100%)}.dropdown_rightBottom .dropdown__content{left:100%;top:0%}.dropdown_bottomRight.dropdown_bottomLeft .dropdown__content{top:calc(100% + 8px);left:0}@media (min-width: 768px){.dropdown_bottomRight.dropdown_bottomLeft .dropdown__content{left:auto;right:0}}.dropdown_bottomRight.dropdown_bottom .dropdown__content{width:100%}@media (min-width: 768px){.dropdown_bottomRight.dropdown_bottom .dropdown__content{width:calc(100% + 36px)}}
/*# sourceMappingURL=/cdn/shop/t/64/assets/block-dropdown.css.map */