.roro-pair{display:block;margin-bottom:22px}.roro-pair__head{display:flex;align-items:baseline;gap:6px;margin-block:4px 10px;font-family:var(--roro-label-font-family, var(--font-body--family));font-size:var(--roro-label-font-size, .75rem);font-weight:var(--roro-label-font-weight, 600);letter-spacing:var(--roro-label-letter-spacing, .06em);text-transform:var(--roro-label-case, uppercase);color:#111}.roro-pair__row{display:flex;flex-wrap:wrap;gap:14px;padding-block-start:5px;padding-inline-end:5px}.roro-pair__item{position:relative;width:48px;height:48px;padding:2px;border:1px solid #d8d8d8;border-radius:50%;background-color:#f7f7f7;cursor:pointer;transition:transform .15s ease,border-color .15s ease}.roro-pair__item:hover{transform:scale(1.06);border-color:#99c0df}.roro-pair__item:focus-visible{outline:2px solid #99c0df;outline-offset:3px}.roro-pair__media{display:block;width:100%;height:100%;border-radius:50%;overflow:hidden}.roro-pair__img,.roro-pair__fallback{display:block;width:100%;height:100%;border-radius:50%;object-fit:cover}.roro-pair__fallback{background-color:#e9e9e9}.roro-pair__plus{position:absolute;inset-block-start:-5px;inset-inline-end:-5px;display:flex;align-items:center;justify-content:center;width:20px;height:20px;border-radius:50%;background-color:#99c0df;color:#000;box-shadow:0 1px 4px #0000002e;transition:background-color .15s ease}.roro-pair__item:hover .roro-pair__plus{background-color:#84b2d5}.roro-pair__plus svg{width:12px;height:12px;stroke:currentColor;fill:none}.roro-pair-sheet{position:fixed;top:0;right:0;bottom:0;left:0;z-index:100000}.roro-pair-sheet[hidden]{display:none}.roro-pair-sheet__overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:#00000073;animation:roroPairFade .2s ease both}.roro-pair-sheet__panel{position:absolute;inset-inline:0;inset-block-end:0;display:flex;flex-direction:column;max-height:88vh;max-height:88dvh;background:#fff;border-start-start-radius:20px;border-start-end-radius:20px;box-shadow:0 -12px 40px #00000038;animation:roroPairUp .26s cubic-bezier(.16,1,.3,1) both}@keyframes roroPairFade{0%{opacity:0}to{opacity:1}}@keyframes roroPairUp{0%{transform:translateY(100%)}to{transform:translateY(0)}}@media(prefers-reduced-motion:reduce){.roro-pair-sheet__overlay,.roro-pair-sheet__panel{animation:none}}.roro-pair-sheet__grip{display:block;width:40px;height:4px;margin:8px auto 0;border-radius:999px;background:#dcdcdc}.roro-pair-sheet__top{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:14px 20px 12px;border-block-end:1px solid #f0f0f0}.roro-pair-sheet__title{margin:0;font-family:var(--font-heading--family);font-size:1.0625rem;font-weight:700;color:#111}.roro-pair-sheet__close{flex-shrink:0;display:flex;align-items:center;justify-content:center;width:34px;height:34px;border:none;border-radius:50%;background:#f4f4f4;color:#111;cursor:pointer}.roro-pair-sheet__close:hover{background:#e9e9e9}.roro-pair-sheet__close:focus-visible{outline:2px solid #99c0df;outline-offset:2px}.roro-pair-sheet__close svg{width:14px;height:14px}.roro-pair-sheet__scroll{flex:1 1 auto;min-height:0;overflow-y:auto;-webkit-overflow-scrolling:touch;padding:4px 20px 8px}.roro-pair-sheet__product{display:grid;grid-template-columns:72px 1fr;gap:14px;padding-block:16px}.roro-pair-sheet__product+.roro-pair-sheet__product{border-block-start:1px solid #f0f0f0}.roro-pair-sheet__thumb{display:block;width:72px;height:72px;border-radius:12px;background:#f7f7f7;object-fit:cover}.roro-pair-sheet__info{min-width:0}.roro-pair-sheet__name{margin:0 0 2px;font-family:var(--font-heading--family);font-size:.9375rem;font-weight:700;line-height:1.25;color:#111}.roro-pair-sheet__name a{color:inherit;text-decoration:none}.roro-pair-sheet__name a:hover{text-decoration:underline}.roro-pair-sheet__price{display:block;margin-block-end:10px;font-size:.875rem;font-weight:600;color:#333}.roro-pair-sheet__option+.roro-pair-sheet__option{margin-block-start:12px}.roro-pair-sheet__option-head{display:flex;align-items:baseline;gap:6px;margin-block-end:7px;font-family:var(--roro-label-font-family, var(--font-body--family));font-size:.6875rem;font-weight:var(--roro-label-font-weight, 600);letter-spacing:var(--roro-label-letter-spacing, .06em);text-transform:var(--roro-label-case, uppercase);color:#111}.roro-pair-sheet__option-value{font-weight:400;letter-spacing:normal;text-transform:none;color:#555}.roro-pair-sheet__values{display:flex;flex-wrap:wrap;gap:8px}.roro-pair-sheet__swatch{width:40px;height:40px;padding:2px;border:1px solid #d8d8d8;border-radius:50%;background:#f7f7f7;cursor:pointer;transition:transform .15s ease,border-color .15s ease}.roro-pair-sheet__swatch img{display:block;width:100%;height:100%;border-radius:50%;object-fit:cover}.roro-pair-sheet__swatch:hover{transform:scale(1.06)}.roro-pair-sheet__swatch[aria-checked=true]{border:1.5px solid #000000;box-shadow:0 0 0 1px #000}.roro-pair-sheet__pill{min-height:36px;padding:8px 14px;border:1px solid #d8d8d8;border-radius:var(--roro-radius-pill, 999px);background:#fff;font-size:.8125rem;font-weight:600;color:#111;cursor:pointer;transition:border-color .15s ease,background-color .15s ease,color .15s ease}.roro-pair-sheet__pill:hover{border-color:#99c0df}.roro-pair-sheet__pill[aria-checked=true]{border-color:#99c0df;background:#99c0df;color:#000}.roro-pair-sheet__swatch:focus-visible,.roro-pair-sheet__pill:focus-visible{outline:2px solid #99c0df;outline-offset:2px}.roro-pair-sheet__swatch[data-unavailable=true],.roro-pair-sheet__pill[data-unavailable=true]{opacity:.4}.roro-pair-sheet__pill[data-unavailable=true]{text-decoration:line-through}.roro-pair-sheet__footer{flex-shrink:0;padding:12px 20px calc(14px + env(safe-area-inset-bottom));border-block-start:1px solid #f0f0f0;background:#fff}.roro-pair-sheet__total{display:flex;align-items:baseline;justify-content:space-between;gap:12px;margin-block-end:10px}.roro-pair-sheet__total-label{font-family:var(--roro-label-font-family, var(--font-body--family));font-size:.75rem;font-weight:600;letter-spacing:var(--roro-label-letter-spacing, .06em);text-transform:var(--roro-label-case, uppercase);color:#555}.roro-pair-sheet__total-prices{display:flex;align-items:baseline;flex-wrap:wrap;justify-content:flex-end;gap:8px}.roro-pair-sheet__total-was{font-family:var(--font-body--family);font-size:.875rem;font-weight:500;color:#8a8a8a;text-decoration-thickness:1px}.roro-pair-sheet__total-value{font-family:var(--font-heading--family);font-size:1.25rem;font-weight:700;color:#111}.roro-pair-sheet__total-badge{align-self:center;padding:2px 8px;border-radius:var(--roro-radius-pill, 999px);background:#99c0df;color:#000;font-family:var(--roro-label-font-family, var(--font-body--family));font-size:.6875rem;font-weight:700;letter-spacing:var(--roro-label-letter-spacing, .06em);line-height:1.6}.roro-pair-sheet__disc-note{margin:8px 0 0;font-family:var(--font-body--family);font-size:.75rem;line-height:1.4;color:#666;text-align:center}.roro-pair-sheet__cta{display:flex;align-items:center;justify-content:center;gap:10px;width:100%;height:54px;border:none;border-radius:var(--roro-radius-pill, 999px);background-color:#99c0df;color:#000;font-family:var(--roro-btn-font-family, var(--font-heading--family));font-size:1rem;font-weight:var(--roro-btn-font-weight, 700);letter-spacing:var(--roro-label-letter-spacing, .06em);text-transform:var(--roro-btn-case-primary, uppercase);cursor:pointer;box-shadow:0 4px 14px #99c0df66;transition:background-color .2s ease,transform .15s ease}.roro-pair-sheet__cta:hover:not(:disabled){background-color:#84b2d5;transform:translateY(-1px)}.roro-pair-sheet__cta:disabled{opacity:.5;cursor:not-allowed}.roro-pair-sheet__cta:focus-visible{outline:2px solid #000000;outline-offset:2px}.roro-pair-sheet__cta-icon svg{width:20px;height:20px}.roro-pair-sheet__feedback{margin:8px 0 0;font-size:.8125rem;text-align:center;color:#2f6d4f}.roro-pair-sheet__feedback[data-state=error]{color:#b3261e}@media screen and (min-width:750px){.roro-pair-sheet__panel{inset-block-end:50%;inset-inline-start:50%;width:min(560px,92vw);transform:translate(-50%,50%);border-end-start-radius:20px;border-end-end-radius:20px;border-radius:20px;overflow:hidden;max-height:84vh;box-shadow:0 16px 48px #0000003d;animation-name:roroPairPop}.roro-pair-sheet__footer{border-bottom-left-radius:20px;border-bottom-right-radius:20px;border-end-start-radius:20px;border-end-end-radius:20px}@keyframes roroPairPop{0%{opacity:0;transform:translate(-50%,50%) scale(.96)}to{opacity:1;transform:translate(-50%,50%) scale(1)}}.roro-pair-sheet__grip{display:none}}
/*# sourceMappingURL=/cdn/shop/t/6/assets/roro-pair-picker.css.map */