:where(.inroplas-configurator,.inroplas-celebrations){--cfg-bg: #fff;--cfg-text: #111827;--cfg-muted: #6b7280;--cfg-border: rgba(17, 24, 39, .12);--cfg-border-strong: rgba(17, 24, 39, .18);--cfg-green: #22c55e;--cfg-green-dark: #16a34a;--cfg-danger: #dc2626;--cfg-shadow: 0 10px 30px rgba(17, 24, 39, .06);--cfg-radius: 14px;--cfg-focus: 0 0 0 4px rgba(34, 197, 94, .22);--cfg-hit: 44px;--cfg-card: 200px;--cfg-card-lg: 240px;--cfg-gap: 12px;background:var(--cfg-bg);color:var(--cfg-text)}.inroplas-configurator__inner{display:grid;gap:14px}:where(.inroplas-configurator,.inroplas-celebrations) .cfg-block{border:1px solid var(--cfg-border);border-radius:var(--cfg-radius);padding:14px;background:#fff;box-shadow:0 1px #11182708}:where(.inroplas-configurator,.inroplas-celebrations) .cfg-block--summary{border-color:var(--cfg-border-strong);box-shadow:var(--cfg-shadow)}:where(.inroplas-configurator,.inroplas-celebrations) .cfg-title{margin:0 0 10px;font-size:15px;font-weight:800;letter-spacing:.2px}:where(.inroplas-configurator,.inroplas-celebrations) .cfg-subtitle{margin:0 0 10px;font-size:14px;font-weight:800}:where(.inroplas-configurator,.inroplas-celebrations) .cfg-row{display:flex;align-items:center;gap:12px}:where(.inroplas-configurator,.inroplas-celebrations) .cfg-input{width:160px;max-width:100%;padding:10px 12px;border:1px solid var(--cfg-border);border-radius:12px;font-size:15px;background:#fff;color:var(--cfg-text);outline:none}:where(.inroplas-configurator,.inroplas-celebrations) .cfg-input:focus-visible{border-color:#22c55ee6;box-shadow:var(--cfg-focus)}:where(.inroplas-configurator,.inroplas-celebrations) .cfg-help{display:block;margin-top:8px;font-size:12px;color:var(--cfg-muted)}:where(.inroplas-configurator,.inroplas-celebrations) .cfg-muted{font-size:13px;color:var(--cfg-muted)}:where(.inroplas-configurator,.inroplas-celebrations) .cfg-options{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}:where(.inroplas-configurator,.inroplas-celebrations) .cfg-options--stack{grid-template-columns:1fr}:where(.inroplas-configurator,.inroplas-celebrations) .cfg-opt{-webkit-appearance:none;appearance:none;border:1px solid var(--cfg-border);background:#fff;color:var(--cfg-text);border-radius:var(--cfg-radius);padding:12px;text-align:left;cursor:pointer;font-size:14px;line-height:1.25;transition:transform .12s ease,box-shadow .12s ease,border-color .12s ease,background .12s ease,opacity .12s ease;box-shadow:0 1px #11182705;min-height:var(--cfg-hit)}:where(.inroplas-configurator,.inroplas-celebrations) .cfg-opt:hover{border-color:#11182738;transform:translateY(-1px)}:where(.inroplas-configurator,.inroplas-celebrations) .cfg-opt:active{transform:translateY(0)}:where(.inroplas-configurator,.inroplas-celebrations) .cfg-opt:focus-visible{box-shadow:var(--cfg-focus);border-color:#22c55ed9}:where(.inroplas-configurator,.inroplas-celebrations) .cfg-opt.is-selected,:where(.inroplas-configurator,.inroplas-celebrations) .cfg-opt[aria-pressed=true]{border-color:#22c55ef2;box-shadow:0 0 0 4px #22c55e38,0 10px 28px #22c55e1a;background:#22c55e0f}:where(.inroplas-configurator,.inroplas-celebrations) .cfg-opt-sub{display:block;margin-top:6px;font-size:12px;color:var(--cfg-muted)}:where(.inroplas-configurator,.inroplas-celebrations) .cfg-opt:disabled,:where(.inroplas-configurator,.inroplas-celebrations) .cfg-opt.is-disabled{opacity:.45;cursor:not-allowed;transform:none;box-shadow:none}:where(.inroplas-configurator,.inroplas-celebrations) .cfg-upload{margin-top:12px;border:1px dashed var(--cfg-border);border-radius:var(--cfg-radius);padding:12px;background:#11182705}:where(.inroplas-configurator,.inroplas-celebrations) .cfg-upload__btn{display:inline-flex;align-items:center;justify-content:center;border-radius:12px;padding:10px 12px;background:#111827;color:#fff;font-size:13px;font-weight:800;cursor:pointer;border:1px solid rgba(17,24,39,.12);min-height:var(--cfg-hit)}:where(.inroplas-configurator,.inroplas-celebrations) .cfg-upload__btn:hover{opacity:.92}:where(.inroplas-configurator,.inroplas-celebrations) .cfg-upload__btn:focus-visible{outline:none;box-shadow:var(--cfg-focus)}:where(.inroplas-configurator,.inroplas-celebrations) .cfg-upload__input{position:absolute;width:1px;height:1px;opacity:0;pointer-events:none}:where(.inroplas-configurator,.inroplas-celebrations) .cfg-upload__clear{margin-left:10px;border-radius:12px;padding:10px 12px;background:#fff;border:1px solid var(--cfg-border);color:var(--cfg-text);font-size:13px;cursor:pointer;min-height:var(--cfg-hit)}:where(.inroplas-configurator,.inroplas-celebrations) .cfg-upload__clear:hover{border-color:#11182738}:where(.inroplas-configurator,.inroplas-celebrations) .cfg-upload__clear:focus-visible{outline:none;box-shadow:var(--cfg-focus)}:where(.inroplas-configurator,.inroplas-celebrations) .cfg-upload__name{margin-top:8px;font-size:12px;color:var(--cfg-muted);word-break:break-word}:where(.inroplas-configurator,.inroplas-celebrations) .cfg-variant-bullets{display:flex;flex-wrap:wrap;gap:10px;align-items:center;padding:2px 0}:where(.inroplas-configurator,.inroplas-celebrations) .cfg-bullet{--inroplas-swatch: #e5e7eb;width:28px;height:28px;border-radius:999px;border:1px solid rgba(17,24,39,.18);background:var(--inroplas-swatch);display:inline-flex;align-items:center;justify-content:center;cursor:pointer;transition:transform .12s ease,box-shadow .12s ease,border-color .12s ease,opacity .12s ease;padding:0;position:relative}:where(.inroplas-configurator,.inroplas-celebrations) .cfg-bullet:hover{transform:translateY(-1px);border-color:#11182747}:where(.inroplas-configurator,.inroplas-celebrations) .cfg-bullet:focus-visible{outline:none;box-shadow:var(--cfg-focus);border-color:#22c55ed9}:where(.inroplas-configurator,.inroplas-celebrations) .cfg-bullet__dot{display:none}:where(.inroplas-configurator,.inroplas-celebrations) .cfg-bullet.is-selected,:where(.inroplas-configurator,.inroplas-celebrations) .cfg-bullet[aria-pressed=true]{border-color:#22c55ef2;box-shadow:0 0 0 4px #22c55e38,0 10px 28px #22c55e1a}:where(.inroplas-configurator,.inroplas-celebrations) .cfg-bullet.is-disabled,:where(.inroplas-configurator,.inroplas-celebrations) .cfg-bullet:disabled{opacity:.55;cursor:not-allowed;transform:none;box-shadow:none}:where(.inroplas-configurator,.inroplas-celebrations) .cfg-bullet.is-disabled:after,:where(.inroplas-configurator,.inroplas-celebrations) .cfg-bullet:disabled:after{content:"\2715";position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;color:var(--cfg-danger);font-weight:1000;font-size:18px;line-height:1;text-shadow:0 1px 2px rgba(0,0,0,.25);pointer-events:none}:where(.inroplas-configurator,.inroplas-celebrations) .cfg-variant-caption{margin-top:8px;font-size:13px;color:var(--cfg-muted)}:where(.inroplas-configurator,.inroplas-celebrations) .cfg-celebrations{display:grid;gap:12px}:where(.inroplas-configurator,.inroplas-celebrations) .cfg-cel-wrap{display:grid;grid-template-columns:var(--cfg-hit) minmax(0,1fr) var(--cfg-hit);gap:10px;align-items:center}:where(.inroplas-configurator,.inroplas-celebrations) .cfg-celebration-grid{display:flex;gap:var(--cfg-gap);overflow-x:auto;padding:8px 2px;-webkit-overflow-scrolling:touch;scrollbar-width:thin;scrollbar-color:rgba(17,24,39,.18) transparent;scroll-snap-type:x mandatory;scroll-padding-left:2px;scroll-behavior:smooth;overscroll-behavior-x:contain;touch-action:pan-x}:where(.inroplas-configurator,.inroplas-celebrations) .cfg-celebration-grid::-webkit-scrollbar{height:8px}:where(.inroplas-configurator,.inroplas-celebrations) .cfg-celebration-grid::-webkit-scrollbar-track{background:transparent}:where(.inroplas-configurator,.inroplas-celebrations) .cfg-celebration-grid::-webkit-scrollbar-thumb{background:#11182724;border-radius:999px}:where(.inroplas-configurator,.inroplas-celebrations) .cfg-celebration-grid::-webkit-scrollbar-thumb:hover{background:#11182738}:where(.inroplas-configurator,.inroplas-celebrations) .cfg-celebration-card{flex:0 0 auto;width:var(--cfg-card);border:1px solid var(--cfg-border);border-radius:14px;background:#fff;cursor:pointer;padding:8px;display:grid;gap:8px;box-shadow:0 1px #11182705;transition:transform .12s ease,box-shadow .12s ease,border-color .12s ease,background .12s ease;scroll-snap-align:start;min-height:calc(var(--cfg-card) + 56px)}:where(.inroplas-configurator,.inroplas-celebrations) .cfg-celebration-card:hover{transform:translateY(-1px);border-color:#11182738}:where(.inroplas-configurator,.inroplas-celebrations) .cfg-celebration-card:focus-visible{outline:none;box-shadow:var(--cfg-focus);border-color:#22c55ed9}:where(.inroplas-configurator,.inroplas-celebrations) .cfg-celebration-card.is-selected,:where(.inroplas-configurator,.inroplas-celebrations) .cfg-celebration-card[aria-pressed=true]{border-color:#22c55ef2;box-shadow:0 0 0 4px #22c55e2e;background:#22c55e0d}:where(.inroplas-configurator,.inroplas-celebrations) .cfg-celebration-card>div:first-child{width:100%;aspect-ratio:1 / 1;border-radius:12px;overflow:hidden;background:#1118270a}:where(.inroplas-configurator,.inroplas-celebrations) .cfg-celebration-card img{width:100%;height:100%;object-fit:cover;display:block}:where(.inroplas-configurator,.inroplas-celebrations) .cfg-celebration-card>div:last-child{font-weight:900;font-size:13px;letter-spacing:.2px;text-align:center;text-transform:none;color:var(--cfg-text)}:where(.inroplas-configurator,.inroplas-celebrations) .cfg-celebration-thumb{width:100%;aspect-ratio:1 / 1;border-radius:12px;overflow:hidden;background:#1118270a;display:grid;place-items:center}:where(.inroplas-configurator,.inroplas-celebrations) .cfg-celebration-thumb img{width:100%;height:100%;object-fit:cover;display:block}:where(.inroplas-configurator,.inroplas-celebrations) .cfg-celebration-label{font-weight:900;font-size:13px;letter-spacing:.2px;text-align:center;text-transform:none;color:var(--cfg-text)}:where(.inroplas-configurator,.inroplas-celebrations) .cfg-design-slider{display:grid;grid-template-columns:var(--cfg-hit) minmax(0,1fr) var(--cfg-hit);gap:10px;align-items:center}:where(.inroplas-configurator,.inroplas-celebrations) .cfg-design-card{border:1px solid var(--cfg-border);border-radius:var(--cfg-radius);overflow:hidden;background:#fff;box-shadow:0 1px #11182705;min-height:260px}:where(.inroplas-configurator,.inroplas-celebrations) .cfg-design-imagebtn{width:100%;display:block;border:0;padding:0;background:transparent;cursor:pointer}:where(.inroplas-configurator,.inroplas-celebrations) .cfg-design-imagebtn:focus-visible{outline:none;box-shadow:var(--cfg-focus)}:where(.inroplas-configurator,.inroplas-celebrations) .cfg-design-image{width:100%;height:auto;display:block;background:#11182708;aspect-ratio:16 / 9;object-fit:cover}:where(.inroplas-configurator,.inroplas-celebrations) .cfg-design-meta{padding:10px 12px;border-top:1px solid var(--cfg-border)}:where(.inroplas-configurator,.inroplas-celebrations) .cfg-design-title{font-size:14px;font-weight:900;color:var(--cfg-text)}:where(.inroplas-configurator,.inroplas-celebrations) .cfg-design-sub{margin-top:4px;font-size:12px;color:var(--cfg-muted)}:where(.inroplas-configurator,.inroplas-celebrations) .cfg-design-counter{font-size:12px;color:var(--cfg-muted)}:where(.inroplas-configurator,.inroplas-celebrations) .cfg-nav{width:var(--cfg-hit);height:var(--cfg-hit);border-radius:999px;border:1px solid var(--cfg-border);background:#fff;cursor:pointer;font-size:28px;line-height:1;display:inline-flex;align-items:center;justify-content:center;box-shadow:0 10px 24px #00000014;transition:transform .12s ease,border-color .12s ease,opacity .12s ease,box-shadow .12s ease;-webkit-user-select:none;user-select:none}:where(.inroplas-configurator,.inroplas-celebrations) .cfg-nav:hover{border-color:#11182738;transform:translateY(-1px)}:where(.inroplas-configurator,.inroplas-celebrations) .cfg-nav:active{transform:translateY(0)}:where(.inroplas-configurator,.inroplas-celebrations) .cfg-nav:focus-visible{outline:none;box-shadow:var(--cfg-focus);border-color:#22c55ed9}:where(.inroplas-configurator,.inroplas-celebrations) .cfg-nav:disabled{opacity:.35;cursor:not-allowed;transform:none;box-shadow:none}:where(.inroplas-configurator,.inroplas-celebrations) .cfg-selected-design{margin-top:10px;font-size:13px;color:var(--cfg-text)}:where(.inroplas-configurator,.inroplas-celebrations) .cfg-custom-fields__grid{display:grid;grid-template-columns:1fr;gap:10px}:where(.inroplas-configurator,.inroplas-celebrations) .cfg-field{display:grid;gap:6px}:where(.inroplas-configurator,.inroplas-celebrations) .cfg-field label{font-size:12px;color:var(--cfg-muted)}:where(.inroplas-configurator,.inroplas-celebrations) .cfg-field input,:where(.inroplas-configurator,.inroplas-celebrations) .cfg-field textarea,:where(.inroplas-configurator,.inroplas-celebrations) .cfg-field select{width:100%;padding:10px 12px;border:1px solid var(--cfg-border);border-radius:12px;font-size:14px;background:#fff;outline:none}:where(.inroplas-configurator,.inroplas-celebrations) .cfg-field input:focus-visible,:where(.inroplas-configurator,.inroplas-celebrations) .cfg-field textarea:focus-visible,:where(.inroplas-configurator,.inroplas-celebrations) .cfg-field select:focus-visible{border-color:#22c55ee6;box-shadow:var(--cfg-focus)}:where(.inroplas-configurator,.inroplas-celebrations) .cfg-summary{display:grid;gap:8px;margin-bottom:12px}:where(.inroplas-configurator,.inroplas-celebrations) .cfg-summary__line{display:flex;align-items:baseline;justify-content:space-between;gap:12px;font-size:14px}:where(.inroplas-configurator,.inroplas-celebrations) .cfg-summary__line strong{font-size:18px;letter-spacing:.2px}:where(.inroplas-configurator,.inroplas-celebrations) .cfg-ctas{display:grid;grid-template-columns:1fr;gap:10px}:where(.inroplas-configurator,.inroplas-celebrations) .cfg-cta{width:100%;border-radius:var(--cfg-radius);padding:12px 14px;font-size:14px;font-weight:900;cursor:pointer;border:1px solid var(--cfg-border);background:#fff;color:var(--cfg-text);transition:transform .12s ease,box-shadow .12s ease,opacity .12s ease,border-color .12s ease;min-height:var(--cfg-hit)}:where(.inroplas-configurator,.inroplas-celebrations) .cfg-cta:hover{transform:translateY(-1px);border-color:#11182738}:where(.inroplas-configurator,.inroplas-celebrations) .cfg-cta:focus-visible{outline:none;box-shadow:var(--cfg-focus);border-color:#22c55ed9}:where(.inroplas-configurator,.inroplas-celebrations) .cfg-cta:disabled{opacity:.45;cursor:not-allowed;transform:none;box-shadow:none}:where(.inroplas-configurator,.inroplas-celebrations) .cfg-cta--primary{background:#111827;color:#fff;border-color:#11182738}:where(.inroplas-configurator,.inroplas-celebrations) .cfg-cta--primary:hover{opacity:.94}:where(.inroplas-configurator,.inroplas-celebrations) .cfg-error{margin-top:10px;padding:10px 12px;border-radius:var(--cfg-radius);border:1px solid rgba(220,38,38,.25);background:#dc26260f;color:#991b1b;font-size:13px}#inroplas-lightbox button:focus-visible{outline:none;box-shadow:0 0 0 4px #22c55e40}@media (min-width: 768px){:where(.inroplas-configurator,.inroplas-celebrations) .cfg-options{grid-template-columns:repeat(3,minmax(0,1fr))}:where(.inroplas-configurator,.inroplas-celebrations) .cfg-options--stack{grid-template-columns:1fr}:where(.inroplas-configurator,.inroplas-celebrations) .cfg-ctas{grid-template-columns:1fr 1fr}:where(.inroplas-configurator,.inroplas-celebrations) .cfg-celebration-card{width:var(--cfg-card-lg);min-height:calc(var(--cfg-card-lg) + 56px)}:where(.inroplas-configurator,.inroplas-celebrations) .cfg-design-card{min-height:300px}}@media (min-width: 1024px){:where(.inroplas-configurator,.inroplas-celebrations) .cfg-block{padding:16px;border-radius:16px}:where(.inroplas-configurator,.inroplas-celebrations) .cfg-title{font-size:16px}}@media (prefers-reduced-motion: reduce){:where(.inroplas-configurator,.inroplas-celebrations) .cfg-opt,:where(.inroplas-configurator,.inroplas-celebrations) .cfg-bullet,:where(.inroplas-configurator,.inroplas-celebrations) .cfg-cta,:where(.inroplas-configurator,.inroplas-celebrations) .cfg-nav,:where(.inroplas-configurator,.inroplas-celebrations) .cfg-celebration-card{transition:none!important}:where(.inroplas-configurator,.inroplas-celebrations) .cfg-celebration-grid{scroll-behavior:auto}}
/*# sourceMappingURL=/cdn/shop/t/20/assets/configurator.css.map */