.stl{position:fixed;inset:0;z-index:120;visibility:hidden;transition:visibility 0s .3s}.stl--open{visibility:visible;transition-delay:0s}.stl-scrim{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;cursor:pointer}.stl--open .stl-scrim{opacity:1}.stl-panel{position:absolute;top:0;bottom:0;right:0;display:flex;flex-direction:column;width:434px;max-width:100%;padding:0 20px;background:var(--c-white);color:var(--c-black);transform:translateX(100%);transition:transform .3s ease}.stl--open .stl-panel{transform:none}.stl-head{flex:0 0 auto;display:flex;align-items:center;gap:20px;padding:20px 0;background:var(--c-white)}.stl-title{flex:1 0;min-width:1px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.stl-close{flex:0 0 auto;display:block;width:8px;height:8px;color:inherit;transition:opacity .2s ease}.stl-close:hover{opacity:.6}.stl-close svg{display:block}.stl-content{flex:1 1 auto;min-height:0;overflow-y:auto;overflow-x:hidden;padding-top:20px;margin-right:-20px;padding-right:20px}.stl-content::-webkit-scrollbar{width:7px}.stl-content::-webkit-scrollbar-track{background:var(--c-light-grey);background-clip:padding-box;border-right:5px solid transparent}.stl-content::-webkit-scrollbar-thumb{background:var(--c-black);background-clip:padding-box;border-right:5px solid transparent}.stl-list{gap:20px;padding-bottom:20px}.stl-item,.stl-list{display:flex;flex-direction:column}.stl-item{gap:10px;width:100%}.stl-item__row{display:flex;align-items:flex-start;gap:20px;width:100%}.stl-item__media{flex:0 0 auto;width:196.5px;display:block}.stl-item__img{display:block;width:100%;aspect-ratio:4/5;object-fit:cover;background:var(--c-light-grey)}.stl-item__details{flex:1 1;min-width:1px;display:flex;flex-direction:column;align-items:flex-start;gap:20px}.stl-item__titleprice{display:flex;flex-direction:column;gap:5px;width:100%}.stl-item__name{display:block;max-width:100%;text-transform:capitalize;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.stl-item__qty{display:flex;align-items:center;justify-content:space-between;width:100%}.stl-item__steppers{display:flex;align-items:center;gap:20px;opacity:0;transition:opacity .2s ease}.stl-item:focus-within .stl-item__steppers,.stl-item:hover .stl-item__steppers{opacity:1}.stl-item--sizing .stl-item__steppers,.stl-item--sizing:focus-within .stl-item__steppers,.stl-item--sizing:hover .stl-item__steppers{opacity:0;pointer-events:none}.stl-qtybtn{display:flex;align-items:center;justify-content:center;padding:5px;margin:-5px;color:inherit;transition:opacity .2s ease}.stl-qtybtn:hover{opacity:.6}.stl-qtybtn svg{display:block}.stl-sizes{display:flex;flex-direction:column;gap:10px;width:100%}.stl-sizes__grid{display:flex;flex-wrap:wrap;gap:1px}.stl-size{width:calc((100% - 5px) / 6);height:40px;display:inline-flex;align-items:center;justify-content:center;padding-top:2px;background:var(--c-light-grey);color:var(--c-black);transition:background-color .2s ease,color .2s ease}.stl-size:focus-visible,.stl-size:hover{background:var(--c-dunhill-blue);color:var(--c-white)}.stl-btn,.stl-size.is-selected{background:var(--c-dunhill-blue);color:var(--c-white)}.stl-btn{width:100%;height:40px;display:flex;align-items:center;justify-content:center;padding:2px 20px 0;text-align:center;transition:box-shadow .2s ease,opacity .2s ease;position:relative}.stl-btn:before{content:"";position:absolute;inset:2px;border:1px solid transparent;transition:border-color .2s ease;pointer-events:none}.stl-btn:focus-visible:before,.stl-btn:hover:before{border-color:var(--c-white)}.stl-btn.is-disabled,.stl-btn[disabled]{background:var(--c-mid-grey);color:var(--c-white);border-color:transparent;pointer-events:none}@media (max-width:1023px){.stl-panel{width:394px}.stl-item__media{width:calc(50% - 10px)}}@media (max-width:767px){.stl-panel{width:100%}}