@layer app{.configurator-card{display:flex;flex-direction:column;padding:var(--space-sm);background-color:var(--color-white);border:1px solid rgb(var(--border-color));border-radius:var(--base-radius);box-shadow:0 4px 16px #0000001a}.configurator-card hr{margin-block:var(--space-sm)}.cfg-card{display:flex;flex-direction:column;background-color:var(--color-white)}.cfg-card__title-product{gap:var(--space-xs);font-size:var(--text-lg);font-weight:var(--font-semibold);letter-spacing:var(--tracking-sm);line-height:var(--leading-xs)}.cfg-card__title-subtitle{font-size:var(--text-sm);font-weight:var(--font-semibold);letter-spacing:var(--tracking-sm);line-height:var(--leading-xs);margin-block-start:var(--space-xs)}.cfg-card__title-product{font-size:var(--text-lg)}.cfg-card__title-price{display:block;margin-block-start:var(--space-2xs);font-size:var(--text-xs);font-weight:var(--font-regular)}.cfg-card__title-price .price-discounted{font-size:calc(var(--text-xs) + 4px)}.cfg-card__title-price-per-unit{font-size:.85em;font-weight:500;color:var(--color-gray);margin-left:.25em}.cfg-card__title-price-per-unit-discounted{font-size:inherit;color:var(--color-red)}.cfg-card__title-price+.cfg-card__title-product{font-size:var(--text-md);margin-block:var(--space-xs)}.cfg-card__title+.cfg-card__inputs{margin-block-start:var(--space-md)}.cfg-card__inputs{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--space-md) var(--space-xs);width:100%}.cfg-card__inputs>*{min-width:0}.cfg-card__inputs+.cfg-card__calc{margin-block-start:var(--space-xs)}.cfg-card__calc{padding:var(--space-sm) var(--space-sm);font-size:var(--text-xs);font-weight:var(--font-semibold);text-align:center;background-color:var(--color-gray-light);border-radius:var(--base-radius);display:flex;align-items:center;justify-content:center;gap:var(--space-xs)}.cfg-card__calc-summary{min-width:0;text-align:center}.cfg-card__calc-price{margin-left:0;white-space:nowrap;text-align:center;font-weight:var(--font-semibold)}.cfg-card__calc-from{font-weight:var(--font-regular)}.cfg-card__error{background:#fefce8;border:1px solid #fde047;border-radius:var(--base-radius);padding:12px 16px;text-align:center;font-size:13px;font-weight:500;color:#a16207;margin-top:8px}.cfg-card__calc+.cfg-card__cta,.cfg-card__inputs+.cfg-card__cta,.cfg-card__error+.cfg-card__cta{margin-block-start:var(--space-sm)}.cfg-card__cta{display:inline-flex;justify-content:center;align-items:center;padding:var(--space-sm) var(--space-lg);font-size:var(--text-sm);cursor:pointer;transition:transform .1s ease-out,background-color .2s ease-out;border-radius:var(--base-radius);font-weight:var(--font-semibold);letter-spacing:-.02em;background-color:var(--color-accent);color:var(--color-white);text-align:center}.cfg-card__cta:active{transform:scale(.98)}.cfg-card__cta+.cfg-card__hint{margin-block-start:var(--space-sm)}.cfg-card__calc+.cfg-card__hint{margin-block-start:var(--space-sm)}.config-modal__size-actions+.cfg-card__hint{margin-block-start:var(--space-sm)}.cfg-card__hint{display:flex;align-items:center;gap:var(--space-xs);font-size:var(--text-xs);color:var(--color-black)}.cfg-card__info{width:14px;height:14px;border-radius:50%;display:inline-flex;align-items:center;flex-shrink:0;justify-content:center;font-size:10px;font-weight:var(--font-semibold);background:var(--color-black);color:var(--color-white)}.dimension-input{display:flex;flex-direction:column;gap:var(--space-xs)}.dimension-input__label{display:flex;align-items:center;gap:var(--space-xs);font-size:var(--text-2xs);letter-spacing:var(--tracking-sm);line-height:var(--leading-xs)}.dimension-input__icon{display:flex;align-items:center;font-size:var(--text-xs);color:var(--color-black)}.dimension-input__icon svg{width:1rem;height:1rem}.dimension-input__field{display:flex;align-items:center;justify-content:flex-end;gap:var(--space-2xs);padding:var(--space-sm) var(--space-sm);font-size:var(--text-2xs);color:var(--color-black);background-color:var(--color-gray-light);border-radius:var(--base-radius)}.dimension-input__control{flex-grow:1;flex-shrink:1;min-width:0;font-size:var(--text-sm);background-color:var(--color-gray-light);outline:0}.dimension-input__unit{flex-grow:0;flex-shrink:0;min-width:0;font-size:var(--text-xs);color:var(--color-gray-dark)}.config-modal__container{container-type:size;width:100%;height:100%;overflow-y:auto;overflow-x:hidden;background-color:var(--color-white);place-content:start normal}@media(min-width:1000px){.config-modal__container{grid-template-columns:repeat(var(--base-grid),1fr);place-content:normal;width:calc(100% - (var(--base-gap) * 2));max-height:calc(min(100%,900px) - (var(--base-gap) * 2));max-width:1440px;margin-block:auto;margin-inline:auto;border-radius:var(--base-radius)}}.config-modal__container{opacity:0;transform:translateY(2rem);transition:opacity .4s cubic-bezier(.32,.72,0,1),transform .8s cubic-bezier(.32,.72,0,1),display .2s cubic-bezier(.32,.72,0,1) allow-discrete}.config-modal__container[open]{opacity:1;transform:translateY(0)}@starting-style{.config-modal__container[open]{opacity:0;transform:translateY(2rem)}}.config-modal__container::backdrop{background-color:#0000;transition:display .4s cubic-bezier(.32,.72,0,1) allow-discrete,background-color .4s cubic-bezier(.32,.72,0,1)}.config-modal__container[open]::backdrop{background-color:#0000004d;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}@starting-style{.config-modal__container[open]::backdrop{background-color:#0000}}.config-modal__container[open]{display:grid}.config-modal__header{position:absolute;top:var(--space-sm);right:0;z-index:50;display:flex;align-items:center;justify-content:end;width:100%;padding-inline:var(--space-sm)}.config-modal__close{width:2rem;height:2rem;border:none;background:var(--color-white);border-radius:999rem;display:flex;align-items:center;justify-content:center;cursor:pointer;color:rgb(var(--text-color));border:1px solid rgb(var(--border-color));box-shadow:0 4px 16px #0000001a}.config-modal__close>svg{width:1rem;height:1rem}.config-modal__close:focus-visible{outline:2px solid rgb(var(--text-color) / .35);outline-offset:2px}.config-modal__body{container-type:size;min-height:12rem;height:40vmax;background-color:var(--color-gray-light)}@media(min-width:1000px){.config-modal__body{position:sticky;top:0;grid-column:1 / 8;height:100%;height:100cqh}}@media(min-width:1280px){.config-modal__body{grid-column:1 / 9}}.config-modal__right{height:100%;padding:var(--base-gap)}.config-modal__dimension-container{height:100%}.config-modal__sidebar{display:flex;flex-direction:column;padding:var(--base-gap);border-top:1px solid rgb(var(--border-color))}@media(min-width:1000px){.config-modal__sidebar{grid-column:8 / -1;border-top:none;border-inline-start:1px solid rgb(var(--border-color))}}@media(min-width:1280px){.config-modal__sidebar{grid-column:9 / -1}}.config-modal__sidebar-controls{display:flex;gap:var(--space-xs);margin-block-start:0;margin-block-end:var(--space-sm);overflow-x:auto;overscroll-behavior-x:contain;scroll-behavior:smooth;scrollbar-width:none;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch}@media(min-width:1000px){.config-modal__sidebar-controls{margin-block-start:var(--space-2xl)}}.config-modal__sidebar-controls>*{flex-shrink:0;scroll-snap-align:start}.config-modal__btn{display:inline-flex;align-items:center;gap:var(--space-xs);padding:var(--space-2xs) var(--space-xs);font-size:var(--text-2xs);letter-spacing:var(--tracking-sm);cursor:pointer;transition:all .2s ease-out;border:1px solid rgb(var(--border-color));border-radius:var(--base-radius-sm)}.config-modal__btn[aria-expanded=true]{border:1px solid var(--color-black);background-color:var(--color-black);color:var(--color-white)}.config-modal__variants-card{padding:var(--space-sm);background-color:var(--color-white);border:1px solid rgb(var(--border-color));border-radius:var(--base-radius);box-shadow:0 4px 16px #0000001a}.config-modal__dimension-form-collapsible[data-expanded=true]+.config-modal__variants-card{margin-block-start:var(--space-sm)}.config-modal__dimension-form{padding:var(--space-sm);background-color:var(--color-white);border:1px solid rgb(var(--border-color));border-radius:var(--base-radius);box-shadow:0 4px 16px #0000001a}.config-modal__variants-header{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:var(--space-sm);margin-block-end:var(--space-sm)}.config-modal__comparison-table-wrap{padding-block:var(--space-xl)}.config-modal__variants-title{font-size:var(--text-sm);font-weight:var(--font-semibold);letter-spacing:var(--tracking-sm);line-height:var(--leading-sm)}.config-modal__variants-list{margin-block-start:var(--space-sm)}.config-modal__actions>button{width:100%}.config-modal__summary{display:flex;flex-direction:column;gap:var(--space-2xs);margin-block:var(--space-sm) var(--space-sm)}.config-modal__summary-row{display:flex;align-items:center;justify-content:space-between;gap:var(--space-sm)}.config-modal__toggle{display:flex;align-items:center;gap:var(--space-xs);cursor:pointer;color:rgb(var(--text-color));font-size:var(--text-2xs);font-weight:var(--font-semibold);letter-spacing:var(--tracking-sm);line-height:var(--leading-xs);padding-block:var(--space-xs);border-bottom:1px solid rgb(var(--border-color))}.config-modal__toggle-trailing{margin-inline-start:auto;font-size:var(--text-xs);font-weight:var(--font-regular)}.config-modal__toggle input[type=checkbox]{width:14px;height:14px;cursor:pointer;accent-color:rgb(var(--text-color));border-radius:var(--base-radius);-webkit-appearance:none;appearance:none;border:1px solid rgb(var(--text-color));background:transparent;flex-shrink:0}.config-modal__toggle input[type=checkbox]:checked{background:var(--color-accent);box-shadow:inset 0 0 0 2px rgb(var(--background));border-radius:var(--base-radius)}.config-modal__toggle span{-webkit-user-select:none;user-select:none}.config-modal__section-label{font-size:var(--text-2xs);letter-spacing:var(--tracking-sm)}.config-modal__section-value{font-size:var(--text-sm);font-weight:var(--font-semibold);color:rgb(var(--text-color))}.config-modal__size-drawer-header{display:flex;align-items:center;justify-content:flex-start;margin-block-end:var(--space-sm)}.config-modal__size-drawer-title{font-size:var(--text-sm);font-weight:var(--font-semibold);letter-spacing:var(--tracking-sm);line-height:var(--leading-sm)}.config-modal__size-inputs{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--space-md) var(--space-xs);width:100%;margin-block-end:var(--space-sm)}.config-modal__size-inputs>*{min-width:0}.config-modal__size-button--save{width:100%}.config-modal__ships-within{display:flex;align-items:center;gap:var(--space-xs);font-size:var(--text-xs)}.config-modal__ships-within svg{width:1rem;height:1rem}.config-modal__actions+.config-modal__ships-within{margin-block-start:var(--space-sm)}.config-modal__secure-payments{display:none;padding-block-start:var(--space-xl);margin-block-start:auto;font-size:var(--text-sm);font-weight:var(--font-semibold);letter-spacing:var(--tracking-sm);line-height:var(--leading-sm)}.config-modal__comparison-variant-col{font-size:var(--text-2xs);text-align:center}.config-modal__comparison-variant-col svg{margin-inline:auto}.config-modal__comparison-check{color:var(--color-accent)}.config-modal__comparison-label-col{font-size:var(--text-2xs)}}
/*# sourceMappingURL=/cdn/shop/t/4/assets/configurator-app.css.map */