.design-your-swimsuit__inner{display:flex;flex-direction:column;align-items:center;gap:var(--dys-gap);max-inline-size:var(--dys-max-width);margin-inline:auto}.design-your-swimsuit__intro{display:flex;flex-direction:column;align-items:center;gap:var(--dys-gap);inline-size:100%}.design-your-swimsuit__heading{margin:0;color:rgb(var(--heading-color));font-size:var(--dys-heading-size);letter-spacing:-.03em;line-height:1;text-align:center;text-wrap:balance}.design-your-swimsuit__heading-line{display:block}.design-your-swimsuit__heading-line--accent{font-size:var(--dys-accent-size);font-style:italic}.design-your-swimsuit__subheading{margin:0;color:rgb(var(--text-color));font-size:var(--base-text-size);line-height:1.4;text-align:center;text-transform:uppercase}.design-your-swimsuit__media{position:relative;inline-size:100%}.design-your-swimsuit__grid{display:flex;gap:var(--dys-image-gap);margin-inline:0 calc(-1 * var(--container-pad-x));padding-inline-end:var(--container-pad-x);overflow-x:auto;scroll-behavior:smooth;scroll-snap-type:x mandatory;scrollbar-width:none}.design-your-swimsuit__grid::-webkit-scrollbar{display:none}.design-your-swimsuit__tile{position:relative;flex:0 0 var(--dys-tile-mobile);scroll-snap-align:start}.design-your-swimsuit__tile-link{display:block}.design-your-swimsuit__tile .placeholder-image{padding-top:calc(100% / var(--dys-ratio))}.design-your-swimsuit__review{display:flex;position:absolute;flex-direction:column;gap:5px;inset-block-start:auto;inset-block-end:8px;inset-inline-start:8px;inset-inline-end:auto;max-inline-size:calc(100% - 16px);margin:0;padding:8px 15px;border:1px solid var(--dys-review-border);background:var(--dys-review-bg)}.design-your-swimsuit__stars{--icon-size: 16px;display:flex;gap:3px;color:var(--dys-star-color)}.design-your-swimsuit__review-text{color:rgb(var(--text-color));font-size:var(--dys-review-text);line-height:1.2}.design-your-swimsuit__media--reviews-desktop-only .design-your-swimsuit__review{display:none}.design-your-swimsuit__actions{display:grid;grid-template-columns:max-content;justify-content:center;gap:16px;inline-size:100%}.design-your-swimsuit__btn{padding:16px 32px;border-color:rgb(var(--text-color));background:transparent;color:rgb(var(--text-color))}.design-your-swimsuit__btn--no-link{cursor:default}@media(hover:hover){.design-your-swimsuit__btn:not(.design-your-swimsuit__btn--no-link):hover{border-color:rgb(var(--text-color));background:rgb(var(--text-color));color:rgb(var(--bg-color))}}@media(hover:none){.design-your-swimsuit__btn:not(.design-your-swimsuit__btn--no-link):active{border-color:rgb(var(--text-color));background:rgb(var(--text-color));color:rgb(var(--bg-color))}}@media(min-width:768px){.design-your-swimsuit__grid{display:grid;grid-template-columns:repeat(var(--dys-cols),minmax(0,1fr));max-inline-size:calc((var(--dys-tile-max, 230px) * var(--dys-cols)) + (var(--dys-image-gap) * (var(--dys-cols) - 1)));margin-inline:auto;padding-inline-end:0;overflow:visible;scroll-snap-type:none}.design-your-swimsuit__tile{position:static}.design-your-swimsuit__review{inset-block-start:var(--dys-top);inset-block-end:auto;inset-inline-start:var(--dys-start);inset-inline-end:var(--dys-end);max-inline-size:min(30%,240px)}.design-your-swimsuit__media--reviews-desktop-only .design-your-swimsuit__review{display:flex}.design-your-swimsuit__actions{display:flex;flex-wrap:wrap}}
/*# sourceMappingURL=/cdn/shop/t/28/assets/design-your-swimsuit.css.map */