.napkin-options,.napkin-options__group{display:flex;flex-direction:column;gap:1.25rem}.napkin-options__group[hidden]{display:none}.napkin-options__field{margin-block:0}.napkin-options__head{display:flex;align-items:baseline;flex-wrap:wrap;gap:.4rem;margin-block-end:.6rem}.napkin-options__head:has(+.napkin-options__helper){margin-block-end:.15rem}.napkin-options__label{font-size:.8125rem;font-weight:600;letter-spacing:.08em;text-transform:uppercase}.napkin-options__req{color:#c0392b}.napkin-options__chosen{font-size:.8125rem;line-height:1.3;color:rgb(var(--color-foreground-rgb) / .62)}.napkin-options__chosen:empty{display:none}.napkin-options__helper{margin:0 0 .6rem;font-size:.8125rem;line-height:1.55;color:rgb(var(--color-foreground-rgb) / .62)}.napkin-options__helper--inline{margin:0}.napkin-options__toggle{display:flex;align-items:center;gap:.6rem;cursor:pointer}.napkin-options__toggle input[type=checkbox]{flex:none;margin:0}.napkin-options__fontlink{cursor:pointer;text-decoration:underline;text-underline-offset:.2em;text-decoration-color:rgb(var(--color-foreground-rgb) / .35)}.napkin-options__fontlink:hover{color:var(--color-foreground);text-decoration-color:currentColor}.napkin-options__fontlink:focus-visible{outline:2px solid var(--color-foreground);outline-offset:2px}.napkin-options__set{display:flex;flex-wrap:wrap;gap:.25rem .3rem;margin:0;padding:0;border:0}.napkin-options__set--stack{flex-direction:column;align-items:flex-start}.napkin-options__set:has(.napkin-options__badge){padding-block-start:8px}.napkin-options__row{display:flex;flex-wrap:wrap;align-items:stretch;gap:1rem 2rem}.napkin-options__col{flex:0 1 auto;min-width:0}.napkin-options__col--grow{flex:1 1 12rem}.napkin-options__row .napkin-options__field{display:flex;flex-direction:column;height:100%}.napkin-options__row .napkin-options__field>.napkin-options__head:first-child{margin-block-start:auto}.napkin-options__radio,.napkin-options .visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap;border:0;-webkit-appearance:none;appearance:none}.napkin-options__radio:checked+.napkin-options__opt{border-color:var(--color-foreground);box-shadow:0 0 0 1px var(--color-foreground)}.napkin-options__radio:focus-visible+.napkin-options__opt{outline:2px solid var(--color-foreground);outline-offset:2px}.napkin-options__opt{position:relative;display:inline-flex;flex-direction:column;align-items:center;justify-content:center;gap:.25rem;padding:3px;cursor:pointer;border:1px solid rgb(var(--color-foreground-rgb) / .18)}.napkin-options__opt--round{box-sizing:border-box;width:48px;height:48px;gap:0}.napkin-options__set:has(.napkin-options__caption) .napkin-options__opt{flex:0 1 30%;min-width:150px;max-width:220px;gap:.5rem;padding:10px}.napkin-options__set:has(.napkin-options__badge) .napkin-options__opt{padding-block-start:16px}.napkin-options__opt--square{border-radius:12px}.napkin-options__opt--round{border-radius:50%}.napkin-options__opt--tall{border-radius:12px}.napkin-options__swatch{display:block;background-position:center;background-size:cover;background-repeat:no-repeat}.napkin-options__opt--square .napkin-options__swatch{width:60px;height:60px;border-radius:9px;box-shadow:inset 0 0 0 1px #0000000f}.napkin-options__opt--round .napkin-options__swatch{width:40px;height:40px;border-radius:50%;box-shadow:inset 0 0 0 1px #00000014}.napkin-options__opt--tall .napkin-options__swatch{width:46px;height:84px;border-radius:9px;box-shadow:inset 0 0 0 1px #0000000f}.napkin-options__opt--flat .napkin-options__swatch{box-shadow:none}.napkin-options__caption{margin-block-start:auto;font-size:.6875rem;line-height:1.2;text-align:center;color:rgb(var(--color-foreground-rgb) / .62)}.napkin-options__badge{position:absolute;inset-block-start:0;inset-inline-start:50%;translate:-50% -50%;z-index:1;padding:.16rem .5rem;font-size:.5625rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase;line-height:1.3;white-space:nowrap;color:#fff;background-color:#2f6b4f;border-radius:100px}.napkin-options__pill{display:inline-flex;align-items:center;gap:.5rem;padding:.6rem 1.15rem;font-size:.9375rem;line-height:1.2;cursor:pointer;color:var(--color-foreground);background-color:var(--color-background);border:1px solid rgb(var(--color-foreground-rgb) / .22);border-radius:100px;transition:background-color .12s ease,color .12s ease,border-color .12s ease}.napkin-options__pill:hover{border-color:rgb(var(--color-foreground-rgb) / .5)}.napkin-options__radio:checked+.napkin-options__pill{color:var(--color-background);background-color:var(--color-foreground);border-color:var(--color-foreground)}.napkin-options__radio:focus-visible+.napkin-options__pill{outline:2px solid var(--color-foreground);outline-offset:2px}.napkin-options__textarea,.napkin-options__input,.napkin-options__select,.napkin-options__upload{width:100%;padding:.85rem .9rem;font:inherit;font-size:.9375rem;color:var(--color-input-text);background-color:var(--color-input-background);border:var(--style-border-width-inputs, 1px) solid var(--color-input-border);border-radius:var(--style-border-radius-inputs, 0)}.napkin-options__textarea{resize:vertical}.napkin-options__select{padding-inline-end:2.5rem;-webkit-appearance:none;appearance:none;background-image:linear-gradient(45deg,transparent 50%,currentColor 50%),linear-gradient(135deg,currentColor 50%,transparent 50%);background-position:calc(100% - 1.15rem) 55%,calc(100% - .85rem) 55%;background-size:.3rem .3rem,.3rem .3rem;background-repeat:no-repeat}.napkin-options__textarea::placeholder,.napkin-options__input::placeholder{color:rgb(var(--color-foreground-rgb, 40 36 31) / .55)!important;-webkit-text-fill-color:rgb(var(--color-foreground-rgb, 40 36 31) / .55)!important;opacity:1!important}.napkin-options__select:invalid,.napkin-options__select:has(option[value=""]:checked){color:rgb(var(--color-foreground-rgb, 40 36 31) / .55)!important;-webkit-text-fill-color:rgb(var(--color-foreground-rgb, 40 36 31) / .55)!important}.napkin-options__select option{color:var(--color-input-text);-webkit-text-fill-color:var(--color-input-text)}.napkin-options__uploads{display:flex;flex-direction:column;gap:.5rem}.napkin-options__upload{position:relative;display:flex;align-items:center;gap:.75rem;cursor:pointer}.napkin-options__upload[hidden]{display:none}.napkin-options__upload:focus-within{outline:2px solid var(--color-foreground);outline-offset:2px}.napkin-options__upload-input{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;opacity:0;cursor:pointer}.napkin-options__upload-btn{flex:none;padding:.4rem .8rem;font-size:.8125rem;line-height:1.3;white-space:nowrap;color:var(--color-foreground);background-color:transparent;border:1px solid rgb(var(--color-foreground-rgb) / .28);border-radius:100px;transition:border-color .12s ease}.napkin-options__upload:hover .napkin-options__upload-btn{border-color:rgb(var(--color-foreground-rgb) / .55)}.napkin-options__upload-name{flex:1 1 auto;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:rgb(var(--color-foreground-rgb) / .55)}.napkin-options__upload-name.is-filled{color:var(--color-foreground)}.napkin-options__upload-add{align-self:flex-start;margin-block-start:.15rem;padding:0;font:inherit;font-size:.8125rem;line-height:1.55;color:rgb(var(--color-foreground-rgb) / .62);background:none;border:0;text-decoration:underline;text-underline-offset:.2em;cursor:pointer}.napkin-options__upload-add:hover{color:var(--color-foreground)}.napkin-options__upload-add:focus-visible{outline:2px solid var(--color-foreground);outline-offset:2px}.napkin-options__upload-add[hidden]{display:none}.napkin-options__pick{display:flex;align-items:center;gap:.75rem}.napkin-options__pick-input{width:56px;height:40px;padding:3px;background-color:var(--color-input-background);border:var(--style-border-width-inputs, 1px) solid var(--color-input-border);border-radius:10px;cursor:pointer}.napkin-options__pick-value{font-size:.8125rem;letter-spacing:.04em;text-transform:uppercase;color:rgb(var(--color-foreground-rgb) / .55)}.napkin-help__note{margin-block-start:0;padding-block-start:.6rem}.also-add{--also-add-thumb: 64px !important;container-type:inline-size}.also-add .also-add__head{margin-block-end:.7rem}.also-add .also-add__list{display:grid;grid-template-columns:minmax(0,1fr);gap:.5rem}.also-add .also-add__item{padding:.5rem .6rem}.also-add .also-add__row{display:grid;grid-template-columns:var(--also-add-thumb) minmax(0,1fr) auto;align-items:center;gap:.75rem}.also-add .also-add__title{font-size:.875rem;line-height:1.3}.also-add .also-add__price{font-size:.75rem}.also-add .also-add__button{padding:.45rem .85rem;font-size:.75rem}.also-add .also-add__item:has(.also-add__panel:not([hidden])){grid-column:1 / -1}@container (min-width: 520px){.also-add .also-add__list{grid-template-columns:repeat(2,minmax(0,1fr))}.also-add .also-add__row{grid-template-columns:var(--also-add-thumb) minmax(0,1fr);grid-template-rows:auto auto;gap:.4rem .75rem}.also-add .also-add__thumb-link,.also-add .also-add__row>.also-add__thumb{grid-row:1 / span 2;align-self:center}.also-add .also-add__info{align-self:end}.also-add .also-add__button{grid-column:2;justify-self:start;align-self:start}}
/*# sourceMappingURL=/cdn/shop/t/15/assets/napkin-options.css.map */