variant-selects{display:block}.product--boarding-card .product-form__input--boarding-colour{display:block;width:100%;max-width:44rem;min-width:0;margin-bottom:1.6rem;padding:2.2rem 2.4rem 2rem;background:#fff;border-radius:1.2rem}.product--boarding-card .product-form__boarding-colour-header{display:flex;align-items:baseline;gap:1.6rem;margin:0 0 2.6rem;padding:0;font-size:1.4rem;line-height:2rem;transform:translateY(-.4rem)}.product--boarding-card .product-form__boarding-colour-name{font-weight:600}.product--boarding-card .product-form__boarding-colour-options{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:1.4rem;container-type:inline-size;transform:translateY(-.4rem)}.product--boarding-card .product-form__input--boarding-colour .boarding-colour-swatch{position:relative;order:var(--boarding-colour-order);display:block;width:100%;min-width:0;height:auto;aspect-ratio:210 / 104;margin:0;overflow:hidden;background:transparent;border:none;border-radius:.2rem;outline:.2rem solid transparent;outline-offset:.2rem;cursor:pointer;transition:outline-color var(--duration-short) ease}.product--boarding-card .product-form__input--boarding-colour .boarding-colour-card-icon{position:absolute;top:0;left:0;display:block;width:100%;height:100%}.product--boarding-card .product-form__input--boarding-colour .boarding-colour-input:checked+.boarding-colour-swatch{outline-color:rgb(var(--color-foreground))}.product--boarding-card .product-form__input--boarding-colour .boarding-colour-input:not(.disabled)+.boarding-colour-swatch:hover{outline-color:rgba(var(--color-foreground),.4)}.product--boarding-card .product-form__input--boarding-colour .boarding-colour-input:focus-visible+.boarding-colour-swatch{outline-color:rgb(var(--color-foreground));box-shadow:0 0 0 .2rem rgb(var(--color-background)),0 0 .1rem .5rem rgba(var(--color-foreground),.25)}.product--boarding-card .product-form__input--boarding-colour .boarding-colour-input.disabled+.boarding-colour-swatch{opacity:.4}:is(.product--boarding-card,.product--premium-envelope) .product-form__input--boarding-envelope{display:block;width:100%;max-width:44rem;min-width:0;margin-bottom:1.6rem;padding:2.2rem 2.4rem 2rem;background:#fff;border-radius:1.2rem}:is(.product--boarding-card,.product--premium-envelope) .product-form__boarding-envelope-header{display:grid;grid-template-columns:max-content minmax(0,1fr);align-items:start;gap:1.6rem;margin:0 0 1.8rem;padding:0;font-size:1.4rem;line-height:2rem;transform:translateY(-.4rem)}:is(.product--boarding-card,.product--premium-envelope) .product-form__boarding-envelope-title{padding-top:1.6rem;font-weight:600}:is(.product--boarding-card,.product--premium-envelope) .product-form__boarding-envelope-selected{display:flex;min-width:0;flex-direction:column}:is(.product--boarding-card,.product--premium-envelope) .product-form__boarding-envelope-selected [data-envelope-group]{color:rgba(var(--color-foreground),.65);font-size:1.2rem;line-height:1.6rem}:is(.product--boarding-card,.product--premium-envelope) .product-form__boarding-envelope-selected [data-envelope-name]{font-size:1.4rem;line-height:2rem}:is(.product--boarding-card,.product--premium-envelope) .product-form__boarding-envelope-section+.product-form__boarding-envelope-section{margin-top:.8rem}:is(.product--boarding-card,.product--premium-envelope) .product-form__boarding-envelope-options{display:grid;grid-template-columns:repeat(4,minmax(0,calc(20% - 1.12rem)));justify-content:space-between;column-gap:0;row-gap:.8rem}:is(.product--boarding-card,.product--premium-envelope) .boarding-envelope-option{display:flex;order:var(--boarding-envelope-order);min-width:0;flex-direction:column;gap:.5rem;align-items:center;margin:0;cursor:pointer}:is(.product--boarding-card,.product--premium-envelope) .boarding-envelope-swatch{position:relative;display:block;width:100%;aspect-ratio:220 / 110;background:transparent;outline:.2rem solid transparent;outline-offset:.2rem;border-radius:.2rem;transition:outline-color var(--duration-short) ease}:is(.product--boarding-card,.product--premium-envelope) .boarding-envelope-icon{display:block;width:100%;height:100%;color:#42474d}:is(.product--boarding-card,.product--premium-envelope) .boarding-envelope-slash{position:absolute;top:50%;left:50%;width:115%;height:.1rem;background:#42474d;transform:translate(-50%,-50%) rotate(-26.5deg)}:is(.product--boarding-card,.product--premium-envelope) .boarding-envelope-label{width:auto;min-width:100%;overflow:visible;color:rgba(var(--color-foreground),.75);font-size:1.1rem;line-height:1.3;text-align:center;text-overflow:clip;white-space:nowrap}:is(.product--boarding-card,.product--premium-envelope) .boarding-envelope-input:checked+.boarding-envelope-option .boarding-envelope-swatch{outline-color:rgb(var(--color-foreground))}:is(.product--boarding-card,.product--premium-envelope) .boarding-envelope-input:not(.disabled)+.boarding-envelope-option:hover .boarding-envelope-swatch{outline-color:rgba(var(--color-foreground),.4)}:is(.product--boarding-card,.product--premium-envelope) .boarding-envelope-input:focus-visible+.boarding-envelope-option .boarding-envelope-swatch{outline-color:rgb(var(--color-foreground));box-shadow:0 0 0 .2rem rgb(var(--color-background)),0 0 .1rem .5rem rgba(var(--color-foreground),.25)}:is(.product--boarding-card,.product--premium-envelope) .boarding-envelope-input.disabled+.boarding-envelope-option{opacity:.4}.product--no-media .product-form__input--pill,.product--no-media .product-form__input--swatch,.product--no-media .product-form__input--dropdown{display:flex;align-items:center;justify-content:center;text-align:center}.product--no-media .product-form__input.product-form__input--pill,.product--no-media .product-form__input.product-form__input--swatch{flex-wrap:wrap;margin:0 auto 1.2rem}.product--no-media .product-form__input--dropdown{flex-direction:column;max-width:100%}:is(.product-form__input--pill,.product-form__input--swatch) .form__label{margin-bottom:.2rem}.product-form__input input[type=radio]{clip:rect(0,0,0,0);overflow:hidden;position:absolute;height:1px;width:1px}.product-form__input input[type=radio]:not(.disabled):not(.visually-disabled)+label>.label-unavailable{display:none}.product-form__input--dropdown{--inputs-radius: 1.2rem;--inputs-radius-outset: 1.2rem;--swatch-input--size: 2rem;margin-bottom:1.6rem}.product-form__input--dropdown .form__label{font-size:1.3rem;font-weight:600;margin-bottom:.6rem;color:rgb(var(--color-foreground))}.product-form__input--dropdown .select{position:relative;background-color:#fff;border-radius:1.2rem!important}.product-form__input--dropdown .select:before{display:none!important}.product-form__input--dropdown .select:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border:0;border-radius:1.2rem!important;box-shadow:0 0 0 .1rem rgba(var(--color-foreground),.18);pointer-events:none;transition:box-shadow .15s ease}.product-form__input--dropdown .select:hover:after{border-radius:1.2rem!important;box-shadow:0 0 0 .15rem rgba(var(--color-foreground),.35)}.product-form__input--dropdown .select:focus-within:after,.product-form__input--dropdown .select__select:focus~.select:after{border-radius:1.2rem!important;box-shadow:0 0 0 .2rem rgb(var(--color-foreground))!important}.product-form__input--dropdown .select__select{background-color:#fff;border:none!important;border-radius:1.2rem!important;height:4rem;padding:0 4.2rem 0 1.6rem;font-size:1.45rem;font-weight:500;line-height:4rem;color:rgb(var(--color-foreground));cursor:pointer;box-shadow:none!important;outline:none!important;-webkit-appearance:none;appearance:none}.product-form__input--dropdown .select__select option{font-size:1.45rem;font-weight:500;font-family:inherit;color:rgb(var(--color-foreground));background-color:#fff;padding:.8rem 1.2rem}.product-form__input--dropdown .select__select:focus,.product-form__input--dropdown .select__select:focus-visible{outline:none!important;outline-offset:0!important;box-shadow:none!important;border-radius:1.2rem!important}.product-form__input--dropdown .dropdown-swatch+select{padding-left:calc(2.4rem + var(--swatch-input--size))}.product-form__input--dropdown .dropdown-swatch{position:absolute;left:1.6rem;top:calc(50% - var(--swatch-input--size) / 2);width:var(--swatch-input--size);height:var(--swatch-input--size);z-index:1}.product-form__input--dropdown .select .svg-wrapper{position:absolute;right:1.6rem;top:50%;transform:translateY(-50%);width:1.2rem;height:1.2rem;pointer-events:none;color:rgb(var(--color-foreground))}.custom-select{display:block;position:relative;width:100%;box-sizing:border-box}.custom-select__trigger{width:100%;height:4rem;padding:0 1.6rem;background-color:#fff;border:.1rem solid rgba(var(--color-foreground),.18);border-radius:1.2rem;display:flex;align-items:center;justify-content:space-between;cursor:pointer;box-sizing:border-box;transition:border-color .2s ease,border-radius .15s ease;font-family:inherit;font-size:1.45rem;font-weight:500;color:rgb(var(--color-foreground));text-align:left;box-shadow:none!important}.custom-select__trigger:hover{border-color:rgba(var(--color-foreground),.35)}.custom-select.is-open .custom-select__trigger,.custom-select__trigger[aria-expanded=true]{border-color:rgba(var(--color-foreground),.25);border-bottom-left-radius:0;border-bottom-right-radius:0;box-shadow:none!important}.custom-select__label{flex:1 1 auto;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:1.45rem;font-weight:500;line-height:1.2}.custom-select__icon{flex:0 0 auto;width:1.2rem;height:1.2rem;margin-left:1rem;display:inline-flex;align-items:center;justify-content:center;transition:transform .2s cubic-bezier(.4,0,.2,1);color:rgb(var(--color-foreground))}.custom-select.is-open .custom-select__icon,.custom-select__trigger[aria-expanded=true] .custom-select__icon{transform:rotate(180deg)}.custom-select__dropdown{position:absolute;top:100%;left:0;right:0;z-index:60;background-color:#fff;border:.1rem solid rgba(var(--color-foreground),.25);border-top:none;border-bottom-left-radius:1.2rem;border-bottom-right-radius:1.2rem;box-shadow:0 4px 14px #0000000f;margin-top:-.1rem;overflow:hidden;animation:customSelectFadeDown .15s ease-out}@keyframes customSelectFadeDown{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.custom-select__list{list-style:none;margin:0;padding:.4rem 0;max-height:24rem;overflow-y:auto}.custom-select__item{padding:.9rem 1.6rem;font-size:1.45rem;font-weight:500;line-height:1.3;color:rgb(var(--color-foreground));cursor:pointer;display:flex;align-items:center;justify-content:space-between;transition:background-color .15s ease,color .15s ease;-webkit-user-select:none;user-select:none}.custom-select__item:hover,.custom-select__item.is-focused{background-color:#f5f5f5}.custom-select__item.is-selected{font-weight:500;-webkit-text-stroke:.5px currentColor;background-color:#faf8f5}.custom-select__item-text{flex:1 1 auto}.custom-select__item-price{flex:0 0 auto;font-size:1.35rem;font-weight:400;color:rgba(var(--color-foreground),.7);margin-left:.8rem;letter-spacing:normal}.custom-select__item.is-selected .custom-select__item-price{display:none}.custom-select__item-check{flex:0 0 auto;display:none;align-items:center;justify-content:center;color:rgb(var(--color-foreground));margin-left:.8rem}.custom-select__item.is-selected .custom-select__item-check{display:inline-flex}.product-form__input--pill:not(.product-form__input--boarding-personalisation){background-color:#fff;border-radius:1.2rem;padding:1.8rem 1.6rem 1.6rem;margin-top:1.4rem;margin-bottom:1.6rem;border:.1rem solid rgba(var(--color-foreground),.15);box-sizing:border-box;position:relative;display:flex;flex-wrap:wrap;align-items:center}.product-form__input--pill:not(.product-form__input--boarding-personalisation) legend.form__label,.product-form__input--pill:not(.product-form__input--boarding-personalisation) .form__label{position:static;background:transparent;padding:0 .6rem;font-size:1.35rem;font-weight:700;line-height:1.2;margin:0 0 0 1.6rem;color:#000;display:inline-block;float:none;width:auto}.variant-selects--greeting-card .product-form__input--pill:not(.product-form__input--boarding-personalisation) legend.form__label{margin-left:.2rem}.product-form__input--pill:not(.product-form__input--boarding-personalisation) input[type=radio]{clip:rect(0,0,0,0);overflow:hidden;position:absolute;height:1px;width:1px}.product-form__input--pill:not(.product-form__input--boarding-personalisation) input[type=radio]+label{display:inline-flex;align-items:center;justify-content:center;background-color:#f7f5f0;border:.18rem solid transparent;border-radius:.8rem!important;padding:.9rem 1.8rem;font-size:1.4rem;font-weight:500;line-height:1.2;letter-spacing:normal;color:#4b5563;cursor:pointer;margin:0 1rem 0 0;transition:all .15s ease;position:relative;-webkit-user-select:none;user-select:none}.product-form__input--pill:not(.product-form__input--boarding-personalisation) input[type=radio]+label:before{display:none!important}.product-form__input--pill:not(.product-form__input--boarding-personalisation) input[type=radio]+label:hover{background-color:#eeebe4;color:#111827}.product-form__input--pill:not(.product-form__input--boarding-personalisation) input[type=radio]:checked+label{background-color:#f7f5f0;border-color:#111827;color:#111827;font-weight:700;box-shadow:none}.product-form__input--pill:not(.product-form__input--boarding-personalisation) input[type=radio]:disabled+label,.product-form__input--pill:not(.product-form__input--boarding-personalisation) input[type=radio].disabled+label{border-color:transparent;background-color:#f0ede8;color:rgba(var(--color-foreground),.4);text-decoration:line-through;cursor:not-allowed}.product-form__input--pill input[type=radio].disabled:checked+label,.product-form__input--pill input[type=radio]:disabled:checked+label{color:rgba(var(--color-background),.6)}.product-form__input--pill input[type=radio]:focus-visible+label{box-shadow:0 0 0 .3rem rgb(var(--color-background)),0 0 0 .5rem rgba(var(--color-foreground),.55)}.product-form__input--pill input[type=radio].focused+label{box-shadow:0 0 0 .3rem rgb(var(--color-background)),0 0 0 .5rem rgba(var(--color-foreground),.55)}.product-form__input--boarding-personalisation{display:block;width:100%;max-width:44rem;min-width:0;margin-bottom:1.6rem;padding:2.2rem 2.4rem 2rem;background:#fff;border-radius:1.2rem;gap:1.2rem}.product-form__input--boarding-personalisation .product-form__boarding-personalisation-header{align-items:center;margin-bottom:1.8rem}.product-form__input--boarding-personalisation .product-form__boarding-envelope-title{padding-top:0}.product-form__boarding-personalisation-selected{font-size:1.4rem;font-weight:400;line-height:2rem}.product-form__input--boarding-personalisation input[type=radio]+.boarding-personalisation-option{display:flex;flex-direction:column;align-items:center;gap:.4rem;min-width:0;margin:0;padding:0;border:0;border-radius:0;background:transparent;color:rgb(var(--color-foreground));letter-spacing:0}.product-form__input--boarding-personalisation input[type=radio]+.boarding-personalisation-option:before{display:none}.product-form__input--boarding-personalisation input[type=radio]:focus-visible+.boarding-personalisation-option,.product-form__input--boarding-personalisation input[type=radio].focused+.boarding-personalisation-option{outline:none;box-shadow:none}:is(.product--boarding-card,.product--premium-envelope) .boarding-personalisation-envelope{position:relative;display:block;background:transparent;border:none;box-shadow:none}.boarding-personalisation-envelope-name{position:absolute;top:50%;left:50%;color:#b58d3d;font-family:Alex Brush,cursive;font-size:1.25rem;font-weight:400;line-height:1;letter-spacing:.03rem;white-space:nowrap;transform:translate(-50%,-50%);pointer-events:none;-webkit-user-select:none;user-select:none;-webkit-font-smoothing:antialiased}.boarding-personalisation-option-label{font-size:1.1rem;line-height:1.2}.product-form__input--boarding-personalisation input[type=radio]:checked+.boarding-personalisation-option{background:transparent;color:rgb(var(--color-foreground))}.product-form__input--boarding-personalisation input[type=radio]:checked+.boarding-personalisation-option .boarding-personalisation-envelope{outline-color:rgb(var(--color-foreground))}.product-form__input--boarding-personalisation input[type=radio]:hover+.boarding-personalisation-option .boarding-personalisation-envelope{outline-color:rgba(var(--color-foreground),.4)}.product-form__input--swatch{display:flex;flex-wrap:wrap}.product-form__input--swatch .swatch-input__input+.swatch-input__label{--swatch-input--size: 3.6rem;margin:.7rem 1.2rem .2rem 0}@media screen and (min-width:750px){.product-form__input--swatch .swatch-input__input+.swatch-input__label{--swatch-input--size: 2.8rem}}
/*# sourceMappingURL=/cdn/shop/t/2/assets/component-product-variant-picker.css.map */