.obi-love{--ol-ink:#241453;--ol-purple:#472b87;--ol-soft:#4b3f6bcc;--ol-head:var(--gr-head,Montserrat),sans-serif;position:relative;margin:40px max(16px,calc((100% - 1188px)/2)) 0;padding:56px 0 40px;border-radius:32px;background:#eee7f7}.obi-love-in{padding:0 72px}.obi-love-head{margin-bottom:28px}.obi-love-name{font:800 1.4em/1.1 var(--ol-head);font-style:normal;letter-spacing:-.02em;white-space:nowrap;background:linear-gradient(90deg,#472b87,#8a4fd8 40%,#d55bb8 72%,#f39a5b);-webkit-background-clip:text;background-clip:text;color:transparent;-webkit-text-fill-color:transparent;padding-right:.04em}.obi-love-stage{position:relative}.obi-love-row{display:flex;gap:24px;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;overscroll-behavior-x:contain;padding:10px 0 18px}.obi-love-row::-webkit-scrollbar{display:none}.obi-love-nav{position:absolute;z-index:2;top:var(--ol-nav-top,40%);display:grid;place-items:center;width:52px;height:52px;padding:0;border:1px solid #472b8726;border-radius:50%;background:#ffffffc7;color:var(--ol-purple);box-shadow:0 14px 30px -14px #2a145480,inset 0 1px #fff;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);cursor:pointer;transform:translateY(-50%);transition:opacity .3s,background-color .25s,border-color .25s,color .25s,scale .25s cubic-bezier(.22,1,.36,1)}.obi-love-nav--prev{left:-63px}.obi-love-nav--next{right:-63px}.obi-love-nav svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:2.4;stroke-linecap:round;stroke-linejoin:round;transition:translate .25s cubic-bezier(.22,1,.36,1)}.obi-love-nav:hover{background:#fff62b;border-color:#fff62b;color:#32136d;scale:1.08}.obi-love-nav--prev:hover svg{translate:-2px 0}.obi-love-nav--next:hover svg{translate:2px 0}.obi-love-nav:active{scale:.94}.obi-love-nav:focus-visible{outline:2px solid var(--ol-purple);outline-offset:3px}.obi-love-nav:disabled,.obi-love-nav[hidden]{opacity:0;pointer-events:none}.obi-love-nav[hidden]{display:grid}.obi-love-card{flex:0 0 calc((100% - 72px)/4);min-width:0;scroll-snap-align:start;display:flex;flex-direction:column;color:var(--ol-ink);text-decoration:none;opacity:0;transform:translateY(24px);transition:opacity .6s ease calc(var(--i,0)*.08s),transform .6s cubic-bezier(.22,1,.36,1) calc(var(--i,0)*.08s)}.obi-love.is-in .obi-love-card{opacity:1;transform:none}.obi-love-media{position:relative;aspect-ratio:1;border-radius:22px;overflow:hidden;background:#e2d8f2;box-shadow:0 18px 34px -26px #2a145499;transition:transform .45s cubic-bezier(.22,1,.36,1),box-shadow .45s}.obi-love-card:hover .obi-love-media{transform:translateY(-6px);box-shadow:0 28px 44px -26px #2a1454b3}.obi-love-img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;transition:opacity .5s ease,transform .7s cubic-bezier(.22,1,.36,1)}.obi-love-img--2{opacity:0}.obi-love-card:hover .obi-love-img{transform:scale(1.05)}.obi-love-card:hover .obi-love-media:has(.obi-love-img--2) .obi-love-img:not(.obi-love-img--2){opacity:0}.obi-love-card:hover .obi-love-img--2{opacity:1}.obi-love-save{position:absolute;left:12px;top:12px;padding:7px 11px;border-radius:999px;background:#fff62b;color:var(--ol-ink);font:800 11.5px/1 var(--ol-head);letter-spacing:.04em;box-shadow:0 6px 14px -6px #2a145455}.obi-love-info{display:flex;flex-direction:column;flex:1;padding:16px 4px 0}.obi-love-stars{display:flex;align-items:center;gap:6px;margin:0 0 8px;font:700 13px/1 var(--ol-head)}.obi-love-stars span{color:#f4b544;letter-spacing:1px}.obi-love-stars b{color:var(--ol-ink)}.obi-love-stars small{color:#7d7298;font-weight:600}.obi-love-card h3{margin:0 0 10px!important;padding:0!important;font-size:inherit!important;line-height:1.2!important}.obi-love-card .obi-t-name{display:block;font:800 18px/1.2 var(--ol-head)!important;color:var(--ol-ink)!important;letter-spacing:-.2px}.obi-love-card .obi-t-desc{display:-webkit-box!important;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;margin-top:4px;font:400 13.5px/1.4 var(--font-body-family)!important;color:var(--ol-soft)!important}.obi-love-price{display:flex;align-items:baseline;gap:9px;margin:auto 0 14px;padding-top:4px}.obi-love-price b{font:800 20px/1 var(--ol-head);color:var(--ol-purple)}.obi-love-price s{font:500 13.5px/1 var(--font-body-family);color:#8f88a6}.obi-love-cta{display:flex;align-items:center;justify-content:center;gap:8px;height:42px;border-radius:999px;background:#ffffff8c;border:1.5px solid #472b8726;color:var(--ol-purple);font:700 14px/1 var(--ol-head);transition:background-color .25s,color .25s,border-color .25s}.obi-love-cta span{transition:transform .25s}.obi-love-card:hover .obi-love-cta{background:#fff62b;border-color:#fff62b;color:#32136d}.obi-love-card:hover .obi-love-cta span{transform:translate(3px)}.obi-love-dots{display:flex;justify-content:center;align-items:center;gap:10px;margin-top:6px}.obi-love-dots[hidden]{display:none}.obi-love-dots button{padding:0;width:8px;height:8px;border:0;border-radius:99px;background:#472b8740;cursor:pointer;transition:width .45s cubic-bezier(.22,1,.36,1),background-color .3s}.obi-love-dots button:hover{background:#472b8780}.obi-love-dots button[aria-current=true]{width:38px;background:var(--ol-purple)}.obi-love-dots button:focus-visible{outline:2px solid var(--ol-purple);outline-offset:3px}@media(max-width:1100px){.obi-love-in{padding:0 62px}.obi-love-nav{width:46px!important;height:46px!important}.obi-love-nav--prev{left:-55px}.obi-love-nav--next{right:-55px}}@media(max-width:989px){.obi-love-card{flex-basis:calc((100% - 48px)/3)}}@media(max-width:749px){.obi-love{margin:28px 16px 0;padding:36px 0 22px;border-radius:24px}.obi-love-in{padding:0 16px}.obi-love-head{margin-bottom:16px}.obi-love-nav{display:none!important}.obi-love-row{gap:14px;margin:0 -16px;padding:8px 16px 16px;scroll-padding-inline:16px}.obi-love-card{flex-basis:64%}.obi-love-media{border-radius:20px}.obi-love-info{padding:14px 2px 0}.obi-love-card .obi-t-name{font-size:16px!important}.obi-love-price b{font-size:18px}}@media(prefers-reduced-motion:reduce){.obi-love-dots button,.obi-love-nav,.obi-love-media{transition:none}.obi-love-card{opacity:1;transform:none;transition:none}.obi-love-img{transition:none}}
/*# sourceMappingURL=/cdn/shop/t/24/assets/obi-love.css.map */