.pre-hotspots{position:absolute;top:10px;right:10px;bottom:10px;left:10px;display:block}.pre-hotspot__button{--pre-hotspot-top: 50%;--pre-hotspot-left: 50%;--pre-hotspot-size: 23px;position:absolute;display:flex;align-items:center;justify-content:center;width:var(--pre-hotspot-size, 23px);height:var(--pre-hotspot-size, 23px);padding:0;margin-top:calc(var(--pre-hotspot-size, 23px) / -2);margin-left:calc(var(--pre-hotspot-size, 23px) / -2);top:var(--pre-hotspot-top);left:var(--pre-hotspot-left);border:0;border-radius:50%;-webkit-appearance:none;-moz-appearance:none;appearance:none}@media only screen and (max-width:749px){.pre-hotspot__button.pre-is-selected .pre-hotspot:before{animation:prePulseDot 2.5s linear infinite}}@media(hover:hover){.pre-hotspot__button:hover .pre-hotspot:before{animation-iteration-count:1}.pre-hotspot__button:hover .pre-hotspot:after{animation:prePulseDotHover 1.5s linear infinite}}.pre-hotspot{position:absolute;top:0;left:0;z-index:100;width:100%;height:100%;background:var(--pre-bg);border-radius:50%;display:flex;align-items:center;justify-content:center;padding:3px}.pre-hotspot:after,.pre-hotspot:before{content:"";width:35px;height:35px;background-color:inherit;border-radius:inherit;opacity:.3;position:absolute;top:-6px;left:-6px}.pre-hotspot:before{opacity:0}.pre-hotspot__icon{background-color:var(--pre-accent);-webkit-mask-image:var(--pre-icon-bag);mask-image:var(--pre-icon-bag);-webkit-mask-size:contain;mask-size:contain;width:100%;height:100%;display:inline-block}.pre-hotspot-item{--pre-position-x: var(--pre-hotspot-x-sm, 50%);--pre-position-y: var(--pre-hotspot-y-sm, 50%);--pre-hotspot-size: 23px;--pre-hotspot-offset: 12px;--pre-padding-block: 8px;--pre-padding-inline: 16px;--pre-line-height: 1.25;--pre-font-size: var(--pre-font-size-base);--pre-btn-inner-block: calc(var(--pre-padding-block) * var(--pre-adjust-title, 1));--pre-btn-inner-inline: calc(var(--pre-padding-inline) * var(--pre-adjust-title, 1));--pre-title-height: calc(2 * var(--pre-btn-inner-block) + var(--pre-line-height) * var(--pre-font-size));--pre-info-bubble-inset-block: var(--pre-inset-block-sm, calc(100% + var(--pre-hotspot-offset)) auto);--pre-info-bubble-inset-inline: var(--pre-inset-inline-sm, auto auto);--pre-info-bubble-justify: var(--pre-justify-sm, center);--pre-line-rotation: var(--pre-rotate-sm, -90deg);--pre-inner: 10px;position:absolute;z-index:2;inset-inline-start:var(--pre-position-x);inset-block-start:var(--pre-position-y);margin-inline-start:calc(var(--pre-hotspot-size) / -2);margin-block-start:calc(var(--pre-hotspot-size) / -2);width:auto;line-height:var(--pre-line-height)}@media only screen and (min-width:750px){.pre-hotspot-item{--pre-position-x: var(--pre-hotspot-x-lg, 50%);--pre-position-y: var(--pre-hotspot-y-lg, 50%);--pre-info-bubble-inset-block: var(--pre-inset-block-lg, calc(100% + var(--pre-hotspot-offset)) auto);--pre-info-bubble-inset-inline: var(--pre-inset-inline-lg, auto auto);--pre-info-bubble-justify: var(--pre-justify-lg, center);--pre-info-bubble-align: var(--pre-align-lg, baseline);--pre-line-rotation: var(--pre-rotate-lg, -90deg)}}.pre-look-banner .pre-hotspot-item:hover{z-index:100}.pre-hotspot__line{position:absolute;z-index:3;inset-block:auto auto;inset-inline:auto auto;width:var(--pre-hotspot-size);height:1px;display:block;background:transparent;transform:rotate(var(--pre-line-rotation));transform-origin:50% 50%;pointer-events:none}.pre-hotspot__line:after{content:"";position:absolute;inset-block:auto auto;inset-inline:auto 100%;width:min(var(--pre-hotspot-size),var(--pre-title-height));height:100%;background-color:var(--pre-bg)}.pre-look-banner .pre-hotspot__line,.pre-look-banner .pre-hotspot__info-bubble{opacity:0;visibility:hidden;transition:opacity .25s ease .12s,visibility 0s linear .37s}.pre-look-banner .pre-hotspot__info-bubble{pointer-events:none;transform:translateY(4px);transition:opacity .25s ease .12s,visibility 0s linear .37s,transform .25s ease .12s}.pre-look-banner .pre-hotspot__line{pointer-events:auto}.pre-look-banner .pre-hotspot__info-bubble:before{content:"";position:absolute;top:-10px;right:-20px;bottom:-10px;left:-20px}.pre-look-banner .pre-hotspot-item:hover .pre-hotspot__line,.pre-look-banner .pre-hotspot-item:hover .pre-hotspot__info-bubble,.pre-look-banner .pre-hotspot-item:focus-within .pre-hotspot__line,.pre-look-banner .pre-hotspot-item:focus-within .pre-hotspot__info-bubble{opacity:1;visibility:visible;transition-delay:0s}.pre-look-banner .pre-hotspot-item:hover .pre-hotspot__info-bubble,.pre-look-banner .pre-hotspot-item:focus-within .pre-hotspot__info-bubble{pointer-events:auto;transform:translateY(0)}.pre-hotspot__info-bubble{position:absolute;z-index:3;display:grid;grid-template-columns:max-content;inset-block:var(--pre-info-bubble-inset-block);inset-inline:var(--pre-info-bubble-inset-inline);justify-content:var(--pre-info-bubble-justify);align-items:var(--pre-info-bubble-align, baseline);pointer-events:none}.pre-hotspot__content{display:flex;align-items:center;gap:8px;max-width:calc((100vw - var(--scrollbar-width, 0px) - var(--pre-outer) * 2) / 1.5);margin-block:0;margin-inline:auto;padding:8px;box-shadow:0 0 10px #0000001a;border-radius:4px;font-size:var(--pre-font-size);line-height:var(--pre-line-height);text-align:left;color:var(--pre-text);background:var(--pre-bg);pointer-events:all;cursor:pointer;min-width:140px}@media only screen and (min-width:990px){.pre-hotspot__content{max-width:calc(var(--pre-wrapper-width, 1440px) / 2);min-width:240px}}.pre-hotspot__title{display:block;margin:0}.pre-hotspot__product-price{margin:0}.pre-hotspot__product-price-sale{color:var(--pre-color-sale)}.pre-hotspot__product-compare-price{text-decoration:line-through;color:var(--pre-text-secondary)}.pre-hotspot__content .pre-hotspot__text p,.pre-hotspot__content .pre-hotspot__title{margin:.5em 0}.pre-hotspot__product-title{margin:0}.pre-hotspot__product-image{width:30px}.pre-hotspot__product-image .pre-svg-placeholder{transform:scale(1.5)}.pre-hotspot__product-actions{margin-left:auto}.pre-hotspot__icon-toggle{display:flex;align-items:center;justify-content:center}.pre-hotspot__icon-toggle .pre-icon{position:absolute;transition:opacity .3s ease}.pre-hotspot__icon-toggle .pre-icon-plus{opacity:1}.pre-hotspot__icon-toggle .pre-icon-minus{opacity:0}@media(hover:hover){.pre-hotspot-item:hover{z-index:100}.pre-hotspot__button:hover .pre-icon-plus{opacity:0}.pre-hotspot__button:hover .pre-icon-minus{opacity:1}}@media only screen and (max-width:749px){.pre-hotspot__button.pre-is-selected .pre-icon-plus{opacity:0}.pre-hotspot__button.pre-is-selected .pre-icon-minus{opacity:1}.pre-hotspot__content-toggleable{color:var(--pre-text);background:var(--pre-bg-accent);margin-top:var(--pre-inner);padding:var(--pre-inner) var(--pre-outer);opacity:0;visibility:hidden;transition:opacity .3s ease,visibility .3s}.pre-is-selected>.pre-hotspot__content-toggleable{opacity:1;visibility:unset}}@keyframes prePulseDot{0%{transform:scale(0);opacity:0}89%{transform:scale(0);opacity:0}90%{transform:scale(1);opacity:.2}to{transform:scale(2);opacity:0}}@keyframes prePulseDotHover{0%{transform:scale(1);opacity:.3}20%{transform:scale(1.5);opacity:0}21%{transform:scale(1);opacity:0}60%{transform:scale(1);opacity:.3}}
/*# sourceMappingURL=/cdn/shop/t/507/assets/pre-hotspots.css.map */