ff-alohas-color-swatches{margin-top:20px}.ff-alohas-color-swatches-swiper .ff-alohas-color-swatches-header{display:flex;justify-content:space-between;margin-bottom:10px}.ff-alohas-color-swatches-swiper .ff-alohas-color-swatches-color-name{font-weight:300;font-size:1rem;color:#000}.ff-alohas-color-swatches-swiper .ff-alohas-color-swatches-navigation{display:flex;column-gap:10px}.ff-alohas-color-swatches-swiper .ff-alohas-color-swatches-arrow-button-prev,.ff-alohas-color-swatches-swiper .ff-alohas-color-swatches-arrow-button-next{cursor:pointer;display:flex;align-items:center;width:12px;height:12px;border:none;outline:none;padding:0;background:none}.ff-alohas-color-swatches-swiper .ff-alohas-color-swatches-arrow-button-prev svg,.ff-alohas-color-swatches-swiper .ff-alohas-color-swatches-arrow-button-next svg{color:#000;width:100%;height:100%}.ff-alohas-color-swatches-swiper .ff-alohas-color-swatches-arrow-button-prev:disabled svg,.ff-alohas-color-swatches-swiper .ff-alohas-color-swatches-arrow-button-next:disabled svg{opacity:.2}.ff-alohas-color-swatches-swiper .ff-alohas-color-swatches-arrow-button-next svg{transform:rotate(-90deg)}.ff-alohas-color-swatches-swiper .ff-alohas-color-swatches-arrow-button-prev svg{transform:rotate(90deg)}.ff-alohas-color-swatches-swiper .swiper-slide{position:relative}.ff-alohas-color-swatches-swiper .ff-alohas-color-swatches-miniature,.ff-alohas-color-swatches-swiper .ff-alohas-color-swatches-color{cursor:pointer}.ff-alohas-color-swatches-swiper .ff-alohas-color-swatches-miniature{box-sizing:border-box;width:100%}.ff-alohas-color-swatches-swiper .ff-alohas-color-swatches-active-miniature{cursor:auto;border:solid black .6px}.ff-alohas-color-swatches-swiper .ff-alohas-color-swatches-active-color,.ff-alohas-color-swatches-swiper .ff-alohas-color-swatches-non-active-color{display:flex;justify-content:center;align-items:center;padding:.2rem;width:24px;height:24px}.ff-alohas-color-swatches-swiper .ff-alohas-color-swatches-active-color{border:1px solid rgb(156 163 175)}.ff-alohas-color-swatches-swiper .ff-alohas-color-swatches-color{box-sizing:border-box;width:20px;height:20px;border:1px solid #979797}.ff-alohas-color-swatches-swiper .ff-alohas-color-swatches-tag{position:absolute;top:4px;left:50%;transform:translate(-50%);font-size:8px;font-weight:400;color:#0b0b0b;text-transform:uppercase}.section-color-swatches{margin-bottom:32px}.current--color--name{font-weight:300;font-size:1rem;margin-bottom:5px;color:#000}.color--swatches-container{display:flex;align-items:center;justify-content:flex-start;width:100%;overflow-y:scroll;transition:transform .3s ease-in-out}.color--swatches{display:block;transition:transform .3s ease-in-out;margin-right:4px}.color--swatches.image{margin-right:2px}.color--swatches-container::-webkit-scrollbar{display:none}.alohas-color-container{display:flex;align-items:center;border-width:1px;border-style:solid;--tw-border-opacity: 1;border-color:rgb(156 163 175 / var(--tw-border-opacity));padding:.2rem}.alohas-color-options{display:flex;align-items:center;border-radius:9999px;cursor:pointer}.color--swatches img{border:1px solid #979797;width:20px;height:20px;transition:transform .3s ease-in-out}.color--swatches .image--container{position:relative;width:74px;height:100px;overflow:hidden}.color--swatches img.miniature{border:none;border-radius:0;transition:transform .3s ease-in-out;position:absolute;height:100%;width:auto;top:0;left:50%;transform:translate(-50%)}.color--swatches .label{position:absolute;bottom:0;left:50%;transform:translate(-50%);font-size:1rem;font-weight:400;color:#0b0b0b;text-transform:uppercase}.tabs__head .tabs__arrow:before{display:block}div[data-color-swatches] .tabs__arrow{top:0;margin-top:0}.tabs__arrow--prev{right:24px;transform:scaleX(-1)}.tabs__arrow--next{right:0}.tabs__arrow:before{position:absolute;top:50%;left:0;display:none;width:100%;height:200%;transform:translateY(-50%);background-color:var(---color-bg);content:""}.tabs__head{position:relative;z-index:2;overflow:hidden}.tabs__head ul.tabs{padding-bottom:30px;margin-bottom:-30px}.tabs__arrow:after{content:"";display:inline-block;width:6px;height:6px;border-width:0 0 1px 1px;border-style:solid;border-color:currentColor;margin:-4px 0 0;vertical-align:middle;transform:rotate(-135deg);transform-origin:50% 50%;transition:all .4s}.tabs__arrow{cursor:pointer;position:absolute;top:50%;display:block;width:24px;height:24px;max-height:none;margin-top:-12px;border-radius:0;box-shadow:none;transition:all .2s}button{width:auto;overflow:visible;border:none;background:none;font-family:inherit;font-size:100%;margin:0;text-transform:none;line-height:1}@media screen and (min-width:750px){.ff-alohas-color-swatches-swiper .swiper-slide{width:fit-content}.ff-alohas-color-swatches-swiper .ff-alohas-color-swatches-miniature{height:100px;width:74px}}@media screen and (max-width:749px){ff-alohas-color-swatches{margin-top:32px}}@media only screen and(max-width: 768px){.section-color-swatches{margin-bottom:16px}}ff-alohas-color-swatches[data-swatches-miniatures] .ff-alohas-color-swatches-header{display:flex;justify-content:space-between;margin-bottom:10px}ff-alohas-color-swatches[data-swatches-miniatures] .ff-alohas-color-swatches-color-name{font-weight:300;font-size:1rem;color:#000}.ff-alohas-color-swatches-grid{display:flex;flex-wrap:wrap;gap:2px}.ff-alohas-color-swatches-item{position:relative;flex:0 0 auto;width:calc((100% - 6px)/4)}.ff-alohas-color-swatches-item .ff-alohas-color-swatches-miniature{box-sizing:border-box;width:100%;height:auto;aspect-ratio:74 / 100;object-fit:cover;display:block}@media screen and (min-width:430px){.ff-alohas-color-swatches-item{width:calc((100% - 8px)/5)}}@media screen and (min-width:750px){.ff-alohas-color-swatches-item{width:calc((100% - 10px) / 6)}}@media screen and (min-width:1170px){.ff-alohas-color-swatches-item{width:calc((100% - 12px) / 7)}}.ff-alohas-color-swatches-item .ff-alohas-color-swatches-active-miniature{border:solid black .6px;cursor:auto}.ff-alohas-color-swatches-item .ff-alohas-color-swatches-tag{position:absolute;top:4px;left:50%;transform:translate(-50%);font-size:8px;font-weight:400;color:#0b0b0b;text-transform:uppercase;white-space:nowrap}.ff-alohas-color-swatches-new-in{margin-top:16px}.ff-alohas-color-swatches-new-in-title{font-size:1rem;font-weight:300;color:#000;margin:0 0 10px;text-transform:uppercase;letter-spacing:.05em}
/*# sourceMappingURL=/cdn/shop/t/342/assets/alohas-color-swatches.css.map?v=136449819147922701161775051881 */