dialog.spd-dialog{background:#fff;border:none;border-radius:8px;width:min(960px,92vw);max-height:90vh;overflow-y:auto;padding:16px 24px;top:50%;left:50%;transform:translate(-50%,-50%)}dialog.spd-dialog::backdrop{background:#00000080}.spd-dialog-header{h2{font-size:var(--20px);font-weight:700;margin:0 0 1rem}}.spd-dialog-close{position:absolute;top:1rem;right:1rem;width:36px;height:36px;display:flex;align-items:center;justify-content:center;background:none;border:none;cursor:pointer;padding:0;svg{width:24px;height:24px}}.spd-dialog-body{display:flex;gap:2rem;flex-wrap:nowrap;justify-content:space-between}.spd-dialog-image-col{flex:1 0 37.8409090909%;position:relative;border-radius:8px;overflow:hidden;&:before{content:"";display:block;padding-top:150%}}.spd-dialog-image{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover}.spd-dialog-info-col{display:flex;flex-direction:column;gap:1rem;padding-top:.25rem;flex:1 0 59%}.spd-dialog-title{font-family:Akkurat LL Web,sans-serif;font-size:var(--24px);font-weight:700;margin:0;line-height:1.3}.spd-dialog-price{font-size:var(--16px);border-bottom:1px solid #E6E7E8;padding-bottom:1rem}.spd-dialog-swatches,.spd-dialog-sizes{display:flex;flex-direction:column;gap:.5rem;margin-bottom:20px}.spd-dialog-label{font-size:var(--16px);font-weight:700;color:#4c4b4d;font-family:Akkurat LL Web,sans-serif;letter-spacing:0;margin-bottom:10px;span{font-weight:400;text-transform:none;margin-left:.25rem}}.spd-dialog-swatch-row{display:flex;flex-wrap:wrap;gap:.5rem;max-width:70%}.spd-swatch{width:36px;height:36px;border-radius:50%;border:2px solid transparent;background-size:cover;background-color:#f0f0f0;cursor:pointer;padding:0;transition:border-color .15s;&.spd-swatch-selected{border-color:#231f20;box-shadow:0 0 0 2px #fff inset}}.spd-dialog-size-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;@media(min-width:992px){grid-template-columns:repeat(5,1fr)}}.spd-size-btn{border-radius:6px;border:1px solid #C6C7C8;background:#fff;padding:16px;font-size:var(--14px);font-weight:500;cursor:pointer;transition:background .3s ease-in-out;&:hover:not(:disabled){background:#231f20;color:#fff}&.spd-size-selected{background:#231f20;color:#fff}&.spd-size-oos{color:#d1d5db;text-decoration:line-through;opacity:.7;cursor:not-allowed}}.spd-dialog-footer{display:flex;gap:1rem;justify-content:space-between;position:fixed;bottom:0;left:0;right:0;background:#fff;padding:1rem;box-shadow:0 -2px 4px #0000001a}.spd-dialog-atc{padding:.875rem;font-size:var(--14px);font-weight:500;border-radius:6px;border:none;cursor:pointer;transition:background .3s ease-in-out;width:50%;&.spd-atc-active{background:#231f20;color:#fff;&:hover{background:#414042}}&.spd-atc-disabled{background:#d7d5d2;color:#a8a5a0;cursor:default}}.spd-dialog-product-link{width:50%;padding:.875rem;display:block;text-align:center;font-size:var(--14px);color:#292425;border-radius:6px;border:1px solid #C6C7C8}.shoppable-product-dot{position:absolute;display:block;cursor:pointer;width:60px;height:60px;z-index:1;left:var(--l-m, 50%);top:var(--t-m, 50%);@media(min-width:768px){width:40px;height:40px;left:var(--l-d, var(--l-m));top:var(--t-d, var(--t-m))}&:before{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);content:"";display:block;width:18px;height:18px;border-radius:50%;background-color:#b3483899;animation:pulse-size 1.5s ease-in-out infinite;@media(min-width:768px){width:22px;height:22px}}&:after{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);content:"";display:block;width:12px;height:12px;border-radius:50%;background-color:#fff;@media(min-width:768px){width:16px;height:16px}}}@keyframes pulse-size{0%,to{transform:translate(-50%,-50%) scale(1)}50%{transform:translate(-50%,-50%) scale(1.32)}}.shoppable-product-dot .dot-trigger{position:absolute;background:#fff;top:10px;left:10px;padding:8px 12px 8px 34px;border-radius:6px;white-space:nowrap;color:transparent;transform:translate(10px) scale(0);transform-origin:left center;transition:transform .4s ease-in-out,color .2s ease-in-out .2ms;cursor:pointer;box-shadow:0 0 2px 1px #1414140d,0 1px 5px #14141426;border:none;font:inherit;text-align:left;@media(min-width:768px){top:0;left:0}}.shoppable-product-dot .dot-trigger svg{width:22px;position:absolute;top:50%;left:8px;transform:translateY(-50%)}.shoppable-product-dot:hover .dot-trigger,.shoppable-product-dot .dot-trigger:focus-visible{transform:translate(0) scale(1);transform-origin:left center;color:#000;z-index:1}.shoppable-product-dot.left .dot-trigger{padding:8px 34px 8px 12px;left:auto;right:10px;transform-origin:right center}.shoppable-product-dot.left .dot-trigger svg{left:auto;right:8px}.shoppable-product-dot.left:hover .dot-trigger,.shoppable-product-dot.left .dot-trigger:focus-visible{transform:translate(0) scale(1);transform-origin:right center}@media(max-width:767px){.shoppable-product-dot.left-mobile .dot-trigger{padding:8px 34px 8px 12px;left:auto;right:10px;transform-origin:right center}.shoppable-product-dot.left-mobile .dot-trigger svg{left:auto;right:8px}.shoppable-product-dot.left-mobile:hover .dot-trigger,.shoppable-product-dot.left-mobile .dot-trigger:focus-visible{transform:translate(0) scale(1);transform-origin:right center}}@media(min-width:768px){.shoppable-product-dot.left-desktop .dot-trigger{padding:8px 34px 8px 12px;left:auto;right:10px;transform-origin:right center}.shoppable-product-dot.left-desktop .dot-trigger svg{left:auto;right:8px}.shoppable-product-dot.left-desktop:hover .dot-trigger,.shoppable-product-dot.left-desktop .dot-trigger:focus-visible{transform:translate(0) scale(1);transform-origin:right center}}