.die-cut-selector{--die-cut-columns: 4}.die-cut-selector__details{border:1px solid var(--input-border-color, rgba(0, 0, 0, .12));border-radius:var(--rounded, 4px);background:var(--color-scheme-background, transparent)}.die-cut-selector__details[open]{border-color:var(--text-color, currentColor)}.die-cut-selector__summary{display:flex;align-items:center;justify-content:space-between;gap:var(--spacing-2);padding:var(--spacing-3);cursor:pointer;list-style:none;-webkit-user-select:none;user-select:none}.die-cut-selector__summary::-webkit-details-marker{display:none}.die-cut-selector__summary:focus-visible{outline:2px solid var(--text-color, currentColor);outline-offset:2px}.die-cut-selector__summary-main{display:flex;align-items:center;gap:var(--spacing-3);min-width:0;flex:1}.die-cut-selector__title{margin:0;white-space:nowrap}.die-cut-selector__selected{display:inline-flex;align-items:center;gap:var(--spacing-2);min-width:0}.die-cut-selector__selected-thumb{display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;flex-shrink:0;border:1px solid var(--input-border-color, rgba(0, 0, 0, .12));border-radius:var(--rounded-xs, 2px);background:#fff}.die-cut-selector__selected-thumb[hidden]{display:none}.die-cut-selector__selected-img{width:22px;height:22px;object-fit:contain}.die-cut-selector__selected-label{margin:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.die-cut-selector__chevron{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;transition:transform .2s ease;color:var(--text-color, currentColor)}.die-cut-selector__details[open] .die-cut-selector__chevron{transform:rotate(180deg)}.die-cut-selector__body{padding:0 var(--spacing-3) var(--spacing-3);border-top:1px solid var(--input-border-color, rgba(0, 0, 0, .08))}.die-cut-selector__subtitle{margin:var(--spacing-2) 0 var(--spacing-3) 0}.die-cut-selector__group{border:none;padding:0;margin:var(--spacing-3) 0 var(--spacing-4) 0}.die-cut-selector__group:last-of-type{margin-block-end:var(--spacing-2)}.die-cut-selector__group-heading{display:flex;align-items:center;gap:var(--spacing-2);margin-block-end:var(--spacing-2);padding:0}.die-cut-selector__premium-badge{display:inline-block;font-size:.6875rem;font-weight:600;line-height:1;padding:.2em .5em;border-radius:var(--rounded-xs, 2px);background:var(--color-scheme-accent, #f5a623);color:#fff;text-transform:uppercase;letter-spacing:.04em}.die-cut-selector__grid{display:grid;grid-template-columns:repeat(var(--die-cut-columns),minmax(0,1fr));gap:var(--spacing-2)}@media screen and (max-width:599px){.die-cut-selector{--die-cut-columns: 3}}@media screen and (min-width:600px)and (max-width:999px){.die-cut-selector{--die-cut-columns: 4}}@media screen and (min-width:1000px){.die-cut-selector{--die-cut-columns: 5}}.die-cut-shape-option{cursor:pointer;display:block}.die-cut-shape-option__tile{display:flex;flex-direction:column;align-items:center;gap:var(--spacing-1);padding:var(--spacing-2);border:1px solid var(--input-border-color, rgba(0, 0, 0, .12));border-radius:var(--rounded, 4px);text-align:center;transition:border-color .15s ease,box-shadow .15s ease;min-height:72px;justify-content:center}.die-cut-shape-option__tile:hover{border-color:var(--text-color, currentColor)}.die-cut-shape-option input:checked+.die-cut-shape-option__tile{border-color:var(--text-color, currentColor);box-shadow:0 0 0 1px var(--text-color, currentColor)}.die-cut-shape-option input:focus-visible+.die-cut-shape-option__tile{outline:2px solid var(--text-color, currentColor);outline-offset:2px}.die-cut-shape-option__image img{width:48px;height:48px;object-fit:contain}.die-cut-shape-option__label{display:block;line-height:1.2;word-break:break-word}.die-cut-shape-option__price{display:block}.die-cut-selector:not(.is-expanded) .die-cut-selector__group--premium{display:none}@media screen and (max-width:599px){.die-cut-selector:not(.is-expanded) .die-cut-selector__group--standard .die-cut-shape-option:nth-child(n+4):not(:has(input:checked)){display:none}}@media screen and (min-width:600px)and (max-width:999px){.die-cut-selector:not(.is-expanded) .die-cut-selector__group--standard .die-cut-shape-option:nth-child(n+5):not(:has(input:checked)){display:none}}@media screen and (min-width:1000px){.die-cut-selector:not(.is-expanded) .die-cut-selector__group--standard .die-cut-shape-option:nth-child(n+6):not(:has(input:checked)){display:none}}.die-cut-selector__expand{display:flex;align-items:center;justify-content:center;gap:var(--spacing-2);width:100%;padding:var(--spacing-3);margin-block-start:var(--spacing-3);background:var(--color-scheme-background, #fff);border:1px solid var(--text-color, #0a0a0a);border-radius:var(--rounded-xs, 2px);color:var(--text-color, #0a0a0a);font-weight:600;font-size:.9375rem;letter-spacing:.01em;cursor:pointer;transition:background-color .15s ease,color .15s ease,border-color .15s ease}.die-cut-selector__expand:hover{background:var(--text-color, #0a0a0a);color:var(--color-scheme-background, #fff)}.die-cut-selector__expand:focus-visible{outline:2px solid var(--color-scheme-accent, #f03038);outline-offset:2px}.die-cut-selector__expand-count{font-weight:700}.die-cut-selector__expand-chevron{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0}.die-cut-selector.is-expanded .die-cut-selector__expand{display:none}.die-cut-selector__clear{background:none;border:none;padding:0;cursor:pointer;text-decoration:underline;margin-block-start:var(--spacing-3)}.die-cut-selector__clear.hidden{display:none}
/*# sourceMappingURL=/cdn/shop/t/22/assets/die-cut-selector.css.map */