.atw{position:fixed;inset:0;z-index:1000;visibility:hidden;transition:visibility 0s .3s}.atw.is-open{visibility:visible;transition-delay:0s}.atw__backdrop{position:absolute;inset:0;background:rgba(0,0,0,.4);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);opacity:0;transition:opacity .3s ease}.atw.is-open .atw__backdrop{opacity:1}.atw__panel{position:absolute;top:0;right:0;bottom:0;width:434px;max-width:100%;display:flex;flex-direction:column;padding:0 20px;background:var(--c-white);transform:translateX(100%);transition:transform .3s ease}.atw.is-open .atw__panel{transform:translateX(0)}.atw__head{display:flex;align-items:center;gap:20px;padding:20px 0;background:var(--c-white)}.atw__title{flex:1 1;min-width:0}.atw__close{flex:none;display:flex;align-items:center;justify-content:center;width:8px;height:8px;color:var(--c-black);transition:opacity .2s ease}.atw__close:hover{opacity:.6}.atw__content{flex:1 1 auto;min-height:0;overflow-y:auto;display:flex;flex-direction:column;gap:40px;padding-top:20px;margin-right:-20px;padding-right:20px}.atw__content::-webkit-scrollbar{width:7px}.atw__content::-webkit-scrollbar-track{background:var(--c-light-grey);background-clip:padding-box;border-right:5px solid transparent}.atw__content::-webkit-scrollbar-thumb{background:var(--c-black);background-clip:padding-box;border-right:5px solid transparent}.atw__product{display:flex;gap:20px;align-items:flex-start;width:100%}.atw__media{flex:0 0 196.5px;max-width:50%;aspect-ratio:4/5;overflow:hidden;background:var(--c-light-grey)}.atw__media img{width:100%;height:100%;object-fit:cover}.atw__info{flex:1 1;min-width:0;gap:20px}.atw__info,.atw__titleprice{display:flex;flex-direction:column}.atw__titleprice{gap:5px}.atw__name{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.atw__specs{gap:5px}.atw__actions,.atw__specs{display:flex;flex-direction:column}.atw__actions{gap:10px;padding:20px 0;background:var(--c-white)}.atw__btn{padding-top:2px}.atw__btn--secondary{transition:opacity .2s ease}.atw-mark{display:inline-flex;align-items:center;justify-content:center;color:var(--c-black)}.atw-mark svg path{transition:fill .2s ease}.atw-mark:hover svg path{fill:currentColor}@media (max-width:1023px){.atw__panel{width:394px}}@media (max-width:767px){.atw__panel{width:100%}}