.product .product-form__buttons .button.button--gifting{--color-button-text: var(--fdn-black);--color-button: var(--fdn-white);min-height:5.6rem;padding-left:1rem;padding-right:1rem}.product .product-form__buttons .button.button--gifting:after{--color-button: var(--fdn-accent)}.complete-step{--color-button: var(--fdn-white);--color-button-text: var(--fdn-white);--alpha-button-background: 1;background:transparent}dialog#giftingmodal{padding:0;background:rgba(var(--fdn-white),0);transition:background .3s cubic-bezier(.4,0,.6,1),visibility var(--duration-default) cubic-bezier(.4,0,.6,1)}dialog#giftingmodal .modal-header{display:flex;justify-content:space-between;align-items:center;padding:2rem;height:8.2rem}@media screen and (min-width: 750px){dialog#giftingmodal .modal-header{height:8.7rem}}dialog#giftingmodal .modal-header a{display:inline-flex;align-items:center;justify-content:center;font-size:1.8rem;font-weight:700;color:rgb(var(--fdn-black));text-decoration:none;cursor:pointer}dialog#giftingmodal .modal-header a svg{transform:scale(.5)}dialog#giftingmodal .modal-header a span{color:#bfb591;display:inline-block;padding:0 .5rem}dialog#giftingmodal .modal-header a:hover svg,dialog#giftingmodal .modal-header a:active svg,dialog#giftingmodal .modal-header a:focus svg{transform:scale(.55)}dialog#giftingmodal .modal-header h2,dialog#giftingmodal .modal-header h3{margin:0 auto;width:100%;display:inline-block}dialog#giftingmodal .modal-container:not([data-step="1"]) h2,dialog#giftingmodal .modal-container .modal-header h3{opacity:0}h3.h5{text-transform:uppercase;font-size:1.8rem;font-weight:700;line-height:2.1rem;text-align:left;margin:0 0 1.4rem}dialog#giftingmodal[open]{--modal-xgap: 2rem;--modal-ygap: 2rem;top:50%;left:50%;transform:translate(-50%,-50%);width:100%;height:100%;max-width:100%;max-height:100%;margin:0 auto;border:0;display:flex;align-items:flex-start;justify-content:flex-start;text-align:center;background:rgba(var(--fdn-white),1)}dialog#giftingmodal[open]::backdrop{background:rgba(var(--fdn-black),.1)}@media screen and (min-width: 750px){dialog#giftingmodal[open]{--modal-xgap: 2rem;--modal-ygap: 2rem;max-width:90rem;height:calc(min(1000px,100%) - var(--modal-ygap));max-height:60rem}}dialog#giftingmodal .modal-container{width:100%;height:100%}dialog#giftingmodal .modal-content{width:100%;height:100%;display:flex;flex-direction:column}dialog#giftingmodal .modal-body{flex-grow:1}dialog#giftingmodal input[type=radio]{-webkit-appearance:none;appearance:none;background-color:rgb(var(--fdn-white));margin:0;font:inherit;color:currentColor;width:2.7rem;height:2.7rem;border:.2rem solid currentColor;border-radius:50%;transform:translateY(-.075em);display:grid;place-content:center}dialog#giftingmodal .step3 input[type=radio]{display:inline-grid}dialog#giftingmodal input[type=radio]:before{content:"";width:2.3rem;height:2.3rem;border-radius:50%;transform:scale(0);transition:.12s transform ease-in-out;box-shadow:inset 1em 1em rgb(var(--fdn-accent))}dialog#giftingmodal input[type=radio]:checked:before{transform:scale(1)}dialog#giftingmodal .txtwrap{border:2px solid rgb(var(--color-foreground));background:rgb(var(--color-background));position:relative;margin:0 0 4rem;flex-grow:1}dialog#giftingmodal .txtwrap:focus-within{border-color:rgb(var(--fdn-accent))}dialog#giftingmodal textarea{margin:1.2rem auto 3.3rem;width:calc(100% - 2.8rem);height:calc(100% - 4.5rem);padding:0;font-size:1.8rem;line-height:1.22;color:rgb(var(--color-foreground));background:rgb(var(--color-background));position:relative;border:none;min-height:15rem;z-index:1;display:block}dialog#giftingmodal textarea:focus{outline:0;box-shadow:none}dialog#giftingmodal .txtwrap:after{content:attr(data-notice);display:block;width:100%;position:absolute;bottom:1.2rem;left:0;text-align:center;font-size:1.4rem;line-height:1.5;color:#ac9784;z-index:2}dialog#giftingmodal button[disabled]{background:#ccc;color:#fff;cursor:not-allowed}.modal-body>div{height:100%;--tcpad: 0svh}.modal-body .step1 .three-col{display:grid;grid-template-columns:7.6rem 1fr;grid-template-rows:repeat(3,9.5rem) auto;grid-column-gap:0px;grid-row-gap:0px;height:100%;padding-top:min(var(--tcpad),7.4rem)}.modal-body .step1 .three-col #blankradio{grid-area:1 / 1 / 2 / 2;margin-left:3rem}.modal-body .step1 .three-col #printedradio{grid-area:2 / 1 / 3 / 2;margin-left:3rem}.modal-body .step1 .three-col #handradio{grid-area:3 / 1 / 4 / 2;margin-left:3rem}.modal-body .step1 .three-col label.blank{grid-area:1 / 2 / 2 / 3}.modal-body .step1 .three-col label.printed{grid-area:2 / 2 / 3 / 3}.modal-body .step1 .three-col label.written{grid-area:3 / 2 / 4 / 3}.modal-body .step3 .container,.modal-body .step2 .container{display:flex;flex-direction:column;height:100%}.modal-body .step3 .delivery,.modal-body .step2 .message{display:flex;flex-direction:column;padding-left:2rem;padding-right:2rem}.modal-body .step3 .delivery>.fields,.modal-body .step2 .message>.textarea{flex-grow:1;display:flex;flex-direction:column;width:100%}.next-step{grid-area:4 / 1 / 5 / 3;padding:2.6rem 2.2rem;display:flex;flex-direction:column;justify-content:flex-end;background-size:cover;background-position:top center;-webkit-user-select:none;user-select:none}.step3 .next-step .button,.step2 .next-step .button,.step1 .next-step .button{opacity:.5;pointer-events:none}.modal-container[data-message=true] .step2 .next-step .button,.modal-container[data-date=true] .step3 .next-step .button,.modal-container .modal-body #blankradio:checked~.next-step .button,.modal-container .modal-body #printedradio:checked~.next-step .button,.modal-container .modal-body #handradio:checked~.next-step .button{opacity:1;pointer-events:all}@media screen and (min-width: 750px){.step3 .next-step .button,.step2 .next-step .button,.step1 .next-step .button{opacity:1;pointer-events:none;--color-button: 204, 187, 166;--color-button-text: var(--fdn-white);--alpha-button-background: 1;background:#ccbba6}.modal-container[data-message=true] .step2 .next-step .button,.modal-container[data-date=true] .step3 .next-step .button,.modal-container .modal-body #blankradio:checked~.next-step .button,.modal-container .modal-body #printedradio:checked~.next-step .button,.modal-container .modal-body #handradio:checked~.next-step .button{opacity:1;--color-button: var(--fdn-black);--color-button-text: var(--fdn-white);--alpha-button-background: 1;background:rgb(var(--fdn-black));pointer-events:all}}.modal-container .modal-body #blankradio:checked~.next-step span.selecttxt,.modal-body .step1 .complete-step span.add{display:none}.modal-container .modal-body #blankradio:checked~.next-step span.add,.modal-body .step1 .complete-step span.selecttxt{display:block}.step3 .next-step,.step2 .next-step{flex-grow:1}.step3 .delivery,.step2 .message{min-height:calc(var(--tcpad) + 28.5rem)}.modal-body .step1 label{display:flex;flex-direction:column;justify-content:flex-start;text-align:left;-webkit-user-select:none;user-select:none;padding:0 2rem 0 0;width:100%}.modal-body .step1 label .img{display:block;width:100%;height:auto;aspect-ratio:30/26;background-size:cover;background-position:center;background-repeat:no-repeat;flex-shrink:0;display:none}.modal-body .step3 .selected p:not(:last-child),.modal-body .step2 .selected p:not(:last-child),.modal-body .step1 label p:not(:last-child){font-size:1.3rem;font-size:clamp(1.3rem,calc(1.3rem + (1vw - .32rem)/.16),1.8rem)}.modal-body .step3 .selected p,.modal-body .step2 .selected p,.modal-body .step1 label p{margin:0 0 .6rem}.modal-body .step3 .selected p:last-child,.modal-body .step2 .selected p:last-child,.modal-body .step1 label p:last-child{margin:0}.modal-body .step3 .selected h6,.modal-body .step2 .selected h6,.modal-body .step1 label h6{margin:0;line-height:1;color:rgb(var(--color-foreground))}.modal-container .step3 .selected,.modal-container .step2 .selected{display:none}dialog#giftingmodal .step3 label{display:block;text-align:left;height:2.7rem;margin-bottom:2.4rem;z-index:1}dialog#giftingmodal .step3 label:first-child{height:5.1rem;display:flex}dialog#giftingmodal .step3 label:first-child div{display:inline-block}dialog#giftingmodal .step3 label input{vertical-align:middle;margin-right:1rem}dialog#giftingmodal .step3 input{z-index:1}dialog#giftingmodal .step3 input[type=date]{box-shadow:none;border:.2rem solid rgb(var(--color-foreground));overflow:visible;z-index:2;font-size:2.8rem;padding:0 2rem;height:5.2rem;line-height:5.8rem;font-weight:700}dialog#giftingmodal .nodirect{pointer-events:none}dialog#giftingmodal .step3 input[type=date]::-webkit-calendar-picker-indicator{background:transparent;bottom:0;color:transparent;cursor:pointer;height:auto;left:-1rem;position:absolute;right:0;top:-6rem;top:0;width:auto;z-index:3}dialog#giftingmodal .step3 label:not(:first-child){pointer-events:none}dialog#giftingmodal .step3 input[type=date]{padding-top:5.5rem;height:10.7rem;margin-top:-5.5rem;background-color:transparent;border:0}dialog#giftingmodal .step3 input[type=date]:before{height:5.2rem;content:"";position:absolute;bottom:0;border:.2rem solid rgb(var(--color-foreground));width:100%;left:0;background-color:rgb(var(--color-background));z-index:-1}dialog#giftingmodal .step3 input[type=date]:focus:before{border-color:rgb(var(--fdn-accent))}dialog#giftingmodal .step3 .fieldwrap .field-message p{text-align:left;-webkit-user-select:none;user-select:none;display:none;margin:.5rem 0 0}dialog#giftingmodal .step3 .fieldwrap.weekdays .field-message .weekdays,dialog#giftingmodal .step3 .fieldwrap.invalid .field-message .invalid{display:block}@media (min-width: 750px){dialog#giftingmodal .modal-header{padding-top:2.5rem}.complete-step{--color-button: var(--fdn-black);--color-button-text: var(--fdn-white);--alpha-button-background: 1;background:rgb(var(--fdn-black))}.modal-body .step1 .three-col{display:grid;grid-template-columns:repeat(3,1fr);grid-template-rows:auto 5.4rem auto;grid-column-gap:0px;grid-row-gap:0px;padding-top:.7rem}.modal-body .step1 label{padding-right:0}.modal-body .step1 .three-col label.blank{grid-area:1 / 1 / 2 / 2}.modal-body .step1 .three-col label.printed{grid-area:1 / 2 / 2 / 3}.modal-body .step1 .three-col label.written{grid-area:1 / 3 / 2 / 4}.modal-body .step1 .three-col #blankradio{grid-area:2 / 1 / 3 / 2;justify-self:center;margin-left:0}.modal-body .step1 .three-col #printedradio{grid-area:2 / 2 / 3 / 3;margin-left:0}.modal-body .step1 .three-col #handradio{grid-area:2 / 3 / 3 / 4;margin-left:0}.modal-body .next-step{grid-area:3 / 1 / 4 / 4}.modal-body .step1 label .img{display:block;margin-bottom:2rem}.modal-body .step1 label h6,.modal-body .step2 .selected h6,.modal-body .step3 .selected h6{margin:0 auto}.modal-body .step3 .selected p,.modal-body .step2 .selected p,.modal-body .step1 label p{text-align:center;margin:0 0 .8rem}.modal-body .step3 .selected p:last-child,.modal-body .step2 .selected p:last-child,.modal-body .step1 label p:last-child{text-align:center;margin:0 0 .8rem}.modal-body .step1 label p:not(:last-child),.modal-body .step3 .selected p:not(:last-child),.modal-body .step2 .selected p:not(:last-child){font-size:1.5rem}.modal-body .step1 .three-col #printedradio,.modal-body .step1 .three-col #handradio,.modal-body .step1 .three-col #blankradio{justify-self:center}.modal-body .next-step{background-image:unset!important;justify-content:flex-start;padding-top:0}.modal-body .next-step .button{max-width:33%;margin:0 auto}.modal-body>div.step1{height:unset}.modal-container[data-card=Blank] .step3 .selected.blank,.modal-container[data-card=Blank] .step2 .selected.blank{display:block;margin-bottom:6rem}.modal-container[data-card=Printed] .step3 .selected.printed,.modal-container[data-card=Printed] .step2 .selected.printed{display:block;margin-bottom:5.2rem}.modal-container[data-card="Hand Written"] .step3 .selected.written,.modal-container[data-card="Hand Written"] .step2 .selected.written{display:block;margin-bottom:4.9rem}dialog#giftingmodal textarea{font-size:1.8rem;margin:2.9rem auto;width:calc(100% - 4.4rem);height:calc(100% - 5.8rem);padding:0;font-family:var(--fdn-font-family)}h3.h5{text-align:center;margin:-5rem auto 3.8rem}.modal-body .step3 .delivery>.fields,.modal-body .step2 .message>.textarea{display:flex;flex-direction:row;gap:1.4rem;margin:0 auto 2.1rem;max-width:62rem}dialog#giftingmodal .step3 .fieldwrap,dialog#giftingmodal .step2 .txtwrap{margin:0;aspect-ratio:30/26;width:50%}dialog#giftingmodal .step3 .fieldwrap{background-color:rgb(var(--fdn-off-white));padding:1.8rem;display:flex;flex-direction:column}dialog#giftingmodal .step3 .fieldwrap label{flex-grow:0;display:flex;align-items:start}dialog#giftingmodal .step3 .fieldwrap input.field__input{flex-grow:0}dialog#giftingmodal .step3 input[type=date]{text-align:center}.modal-body .step3 .img,.modal-body .step2 .img{display:block;width:calc(50% - .7rem);height:auto;aspect-ratio:30/26;background-position:top center;background-size:cover;flex-shrink:0}dialog#giftingmodal .step3 .fieldwrap .field-message p{text-align:center}}@media (min-width: 890px){.modal-body .step1 label p:not(:last-child),.modal-body .step2 .selected p:not(:last-child),.modal-body .step3 .selected p:not(:last-child){font-size:1.6rem}}@media (min-width: 990px){dialog#giftingmodal[open]{--modal-xgap: 3.5rem;--modal-ygap: 3.5rem}}@media (min-width: 1200px){dialog#giftingmodal[open]{--modal-xgap: 4.5rem;--modal-ygap: 4.5rem}}dialog#giftingmodal .modal-container[data-step="1"] .modal-header a.back,dialog#giftingmodal .modal-container[data-step="1"] .modal-header a span,dialog#giftingmodal .modal-container[data-step="1"] .modal-body .step2,dialog#giftingmodal .modal-container[data-step="1"] .modal-body .step3,dialog#giftingmodal .modal-container[data-step="2"] .modal-body .step1,dialog#giftingmodal .modal-container[data-step="2"] .modal-body .step3,dialog#giftingmodal .modal-container[data-step="3"] .modal-body .step1,dialog#giftingmodal .modal-container[data-step="3"] .modal-body .step2{display:none}@media (min-width: 750px){dialog#giftingmodal .modal-container[data-step="1"] .modal-header a.close span{display:inline-block}}
/*# sourceMappingURL=/cdn/shop/t/30/assets/gifting.css.map */
