details summary::-webkit-details-marker{display:none}details summary{cursor:pointer;min-width:44px;list-style-type:none}details summary>span{pointer-events:none}.details__content{position:absolute;display:flex;justify-content:flex-end;left:0;width:100%;height:100%;top:0}.details__content .popup{position:fixed;z-index:4;top:0;left:0;display:flex;justify-content:center;align-items:flex-start;width:100%;height:100vh;padding:calc(var(--global-spacing)*5) var(--global-spacing) var(--global-spacing)}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeOut{0%{opacity:1}to{opacity:0}}.popup__inner header:not(.menu-drawer__menu header){padding:var(--global-spacing)}.popup__content{padding:var(--global-spacing)}.popup__inner{position:relative;background:rgb(var(--background-color));border:var(--border-width) solid rgb(var(--border-color));width:100%;max-width:500px;height:100%;max-height:var(--details-height-sm);z-index:4;overflow:hidden}.membership{display:block}.popup__inner.membership__inner{width:100%;max-width:1024px;height:100%;max-height:var(--details-height-lg)}.popup__inner.auto{height:auto;max-height:var(--details-height-sm)}.popup__inner .form-field{margin-bottom:var(--global-spacing)}.popup__inner:not(.search__inner):not(.comment-form__inner):not(.password-form__inner):after,.predictive-search[open] .predictive-search-results:after{content:"";display:block;width:100%;bottom:0;position:fixed;height:50px;background:linear-gradient(rgba(var(--background-color),0),rgba(var(--background-color),1));pointer-events:none}@media only screen and (max-width: 1023px){.membership__content>.popup{padding:calc(var(--global-spacing)*2)}.membership__inner{max-height:100%}.no-js .popup{padding:calc(var(--global-spacing)*5) calc(var(--global-spacing)*2) calc(var(--global-spacing)*2)}}details[open].animate-top .popup__inner{animation:slideInTop .3s ease-in forwards}details[open].animate-top.is-closing .popup__inner{animation:slideOutTop .3s ease-out forwards}details[open].animate-right .popup__inner{transform:translate(120%);animation:slideInRight .2s ease-in forwards}details[open].animate-right.is-closing .popup__inner{animation:slideOutRight .2s ease-out forwards}@keyframes slideInRight{0%{transform:translate(120%)}to{transform:translate(0)}}@keyframes slideOutRight{0%{transform:translate(0)}to{transform:translate(120%)}}@keyframes slideInTop{0%{transform:translateY(-200%)}to{transform:translateY(0)}}@keyframes slideOutTop{0%{transform:translateY(0)}to{transform:translateY(-200%)}}.popup__overlay{top:0;left:0;height:100vh;width:100%;position:fixed;background:rgba(var(--primary-color),.7);-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);z-index:1}details[open] .popup__overlay{animation:fadeIn .4s ease-in forwards;z-index:4}details.is-closing .popup__overlay{opacity:1;animation:fadeOut .3s ease-out forwards}.view-more{position:relative}.view-more summary{position:absolute;display:inline-block;z-index:0;text-transform:var(--nav-item-transform);font-size:.8rem;cursor:pointer;pointer-events:auto;color:rgb(var(--text-color))}.view-more:not([open]) summary{padding-top:3px}.view-more[open] summary{bottom:calc(var(--global-spacing)*-2.5)}.view-more ul{margin:0;margin-bottom:3rem;padding:0}.view-more:not([open]) .view-more__close,.view-more[open] .view-more__open{display:none}.view-more:not([open]) .view-more__open,.view-more[open] .view-more__close{display:block}.no-js details[open]>summary:not(.filter__btn):not(.main-nav__btn):not(.view-more summary){position:fixed;z-index:5;left:50%;transform:translate(-50%);top:var(--global-spacing);color:rgb(var(--background-color))}.no-js .popup{padding-top:calc(var(--global-spacing)*6);padding-bottom:calc(var(--global-spacing)*2);position:fixed;top:0;z-index:4}.details__summary>*{pointer-events:none}.no-js details:not([open]) .details__summary--close,.no-js details[open] .details__summary--open,.no-js details details[open] .details__summary--open,.no-js details details:not([open]) .details__summary--close{display:none}.details__summary--close{display:none}.no-js details:not([open]) .details__summary--open,.no-js details[open] .details__summary--close{display:inline-block}
/*# sourceMappingURL=/cdn/shop/t/4/assets/comp-details-modal.css.map */