.hl-style-options{--hl-style-tile: clamp(82px, 23vw, 90px);--hl-style-gap: 8px;box-sizing:border-box;width:100%;margin:1.4rem auto 0;padding:12px;border:1px solid #E5E5E5;border-radius:8px;background:#fff}[id^=trustpilot-widget-]+.hl-style-options{margin-top:.8rem}.hl-style-options .hl-style-options__heading{margin:0 0 10px;font-size:13.5px;font-weight:700;letter-spacing:.4px;line-height:1.3;text-align:center;color:#111}.hl-style-options__list{box-sizing:border-box;display:flex;flex-wrap:wrap;justify-content:flex-start;gap:var(--hl-style-gap);margin:0;padding:0;list-style:none}.hl-style-options__item{flex:0 0 auto;margin:0;padding:0}.hl-style-options__tile{position:relative;display:block;box-sizing:border-box;width:var(--hl-style-tile);height:var(--hl-style-tile);padding:1px;border:1px solid #E8E8E8;border-radius:8px;background:#f6f6f6;box-shadow:none;color:rgb(var(--color-foreground));overflow:hidden;isolation:isolate;transition:border-color .2s ease}.hl-style-options__tile img{display:block;width:100%;height:100%;object-fit:contain;pointer-events:none}.hl-style-options__tile img[src*=".jpg" i],.hl-style-options__tile img[src*=".jpeg" i]{mix-blend-mode:darken}.hl-style-options__tile--current{padding:0;border-width:2px;border-color:#111}.hl-style-options__tile--sold-out img{opacity:.4}@media(hover:hover){.hl-style-options__tile:hover{border-color:rgba(var(--color-foreground),.45)}.hl-style-options__tile--current:hover{border-color:#111}}.hl-style-options__tile:focus-visible{outline:2px solid rgb(var(--color-foreground));outline-offset:2px}.hl-style-options-hint{max-width:32rem;margin:2.4rem auto 0;padding:.8rem 1rem;border:1px dashed rgba(var(--color-foreground),.4);border-radius:6px;font-size:1.2rem;text-align:center;color:rgba(var(--color-foreground),.7)}@media screen and (min-width:750px){.hl-style-options{--hl-style-tile: 82px;width:min(100%,32rem)}.hl-style-options__list{justify-content:center}}@media screen and (min-width:990px){.hl-style-options{--hl-style-tile: 90px}}@media screen and (min-width:1060px){.hl-style-options{width:min(100%,41.2rem)}}@media screen and (max-width:749px){.hl-style-options__list{flex-wrap:nowrap;width:auto;margin:-4px;padding:4px;scroll-padding-left:4px;overflow-x:auto;overscroll-behavior-x:contain;scroll-snap-type:x proximity;scrollbar-width:none;-webkit-overflow-scrolling:touch}.hl-style-options__list::-webkit-scrollbar{display:none}.hl-style-options__item{scroll-snap-align:start}.hl-style-options__item:first-child{margin-left:auto}.hl-style-options__item:last-child{margin-right:auto}}.hl-style-options__tile--loading,.hl-style-options__tile--loading:hover{padding:0;border-width:2px;border-color:#111;transition-duration:.08s}.hl-style-options--busy .hl-style-options__tile:not(.hl-style-options__tile--loading){opacity:.45;pointer-events:none;transition:opacity .12s ease,border-color .2s ease}@view-transition{navigation:auto}::view-transition-old(root),::view-transition-new(root){animation-duration:.2s}@media(prefers-reduced-motion:reduce){::view-transition-group(*),::view-transition-old(*),::view-transition-new(*){animation:none!important}}
/*# sourceMappingURL=/cdn/shop/t/140/assets/hl-style-options.css.map */
