.sample-request-drawer-modal{--sample-request-drawer-edge-padding: var(--drawer-padding, 4rem);--sample-request-drawer-content-padding: 2rem;z-index:9999}xo-modal.sample-request-drawer-modal::part(content){inline-size:min(55rem,100dvw);max-inline-size:100dvw;block-size:100dvh}.sample-request-drawer__modal,.sample-request-drawer-modal .xo-modal-content,.sample-request-drawer-modal .xo-modal-content__inner{inline-size:min(55rem,100%);max-inline-size:100vw}xo-modal.sample-request-drawer-modal[xo-placement*=-right] .xo-modal-content{block-size:100dvh;padding:0}.sample-request-drawer-modal .xo-modal-content__inner{background:rgb(var(--color-background));block-size:100dvh;max-block-size:100dvh}xo-modal.sample-request-drawer-modal[xo-placement*=-right] .xo-modal-content__inner.xo-modal-content__inner--full-height{block-size:100dvh;max-block-size:100dvh}xo-modal.sample-request-drawer-modal[xo-placement*=-right] .xo-modal-content__header{display:flex;align-items:flex-start;justify-content:space-between;gap:1.6rem;inline-size:100%;padding-block:2.4rem 1.2rem;padding-inline:var(--sample-request-drawer-edge-padding);box-sizing:border-box}.sample-request-drawer-modal .xo-modal-content__header-text{min-inline-size:0;max-inline-size:65ch;margin-inline-start:var(--sample-request-drawer-content-padding)}.sample-request-drawer-floating{--sample-request-floating-accent: #805E36;position:fixed;inset-block-end:calc(env(safe-area-inset-bottom) + 9.6rem);inset-inline-end:clamp(1.6rem,4vw,3.2rem);z-index:9000;display:inline-grid;place-items:center;inline-size:5.8rem;block-size:5.8rem;padding:0;border:1px solid rgba(255,255,255,.36);border-radius:999rem;color:#fff;background:var(--sample-request-floating-accent);box-shadow:0 1.4rem 3.2rem #00000038;cursor:pointer;transition:transform .16s ease,box-shadow .16s ease,background-color .16s ease}.sample-request-drawer-floating[hidden]{display:none}.sample-request-drawer-floating:hover{background:rgb(var(--color-foreground));box-shadow:0 1.8rem 3.8rem #00000042;transform:translateY(-.2rem)}.sample-request-drawer-floating:focus-visible{outline:.2rem solid currentColor;outline-offset:.3rem}.sample-request-drawer-floating__icon{display:block;inline-size:2.8rem;block-size:2.8rem}.sample-request-drawer-floating__count{position:absolute;inset-block-start:-.5rem;inset-inline-end:-.4rem;display:inline-grid;place-items:center;min-inline-size:2.2rem;block-size:2.2rem;padding-inline:.5rem;border:1px solid var(--sample-request-floating-accent);border-radius:999rem;color:var(--sample-request-floating-accent);background:rgb(var(--color-background));font-family:var(--font-body-family);font-size:calc(var(--font-body-scale) * 1.2rem);font-weight:600;line-height:1;box-sizing:border-box}.sample-request-drawer-modal .xo-modal-content__title{margin:0;color:rgb(var(--color-foreground));font-family:var(--font-heading-family);font-size:clamp(2rem,3vw,2.6rem);font-weight:400;line-height:1.2}.sample-request-drawer-modal .xo-modal-content__description{margin:.8rem 0 0;color:rgba(var(--color-foreground),.72);font-family:var(--font-body-family);font-size:max(1.6rem,calc(var(--font-body-scale) * 1.5rem));font-weight:400;line-height:1.5;overflow-wrap:break-word}.sample-request-drawer-modal .xo-modal-content__body{overflow-x:hidden}xo-modal.sample-request-drawer-modal[xo-placement*=-right] .xo-modal-content__content{padding-block:0;padding-inline:var(--sample-request-drawer-edge-padding)}.sample-request-drawer-modal .xo-modal-content__content,.sample-request-drawer__modal-content{inline-size:100%;max-inline-size:100%;box-sizing:border-box}.sample-request-drawer{--sample-request-accent: #805E36;--sample-request-border: rgba(var(--color-foreground), .18);--sample-request-muted: rgba(var(--color-foreground), .7);--sample-request-surface: rgba(var(--color-foreground), .04);display:grid;gap:2rem;inline-size:100%;padding-block:1.2rem 2rem;padding-inline:var(--sample-request-drawer-content-padding);box-sizing:border-box;color:rgb(var(--color-foreground));overflow-x:hidden}.sample-request-drawer__form{min-inline-size:0}.sample-request-drawer__status:empty{display:none}.sample-request-drawer__error{padding:1.2rem;border:1px solid rgba(var(--color-error),.35);border-radius:.8rem;color:rgb(var(--color-error));background:rgba(var(--color-error),.08)}.sample-request-drawer__error:focus-visible{outline:.2rem solid currentColor;outline-offset:.3rem}.sample-request-drawer__body,.sample-request-drawer__list,.sample-request-drawer__item,.sample-request-drawer__content{min-inline-size:0}.sample-request-drawer__empty{margin:0;padding:2rem;border:1px dashed var(--sample-request-border);border-radius:.8rem;color:var(--sample-request-muted);line-height:1.5;background:var(--sample-request-surface);text-align:center}.sample-request-drawer__list{margin:0;padding:0;list-style:none;display:grid;gap:1.2rem}.sample-request-drawer__item{padding:1.2rem;border:1px solid var(--sample-request-border);border-radius:1rem;color:rgb(var(--color-foreground));background:rgb(var(--color-background))}.sample-request-drawer__item-row{display:grid;grid-template-columns:9rem minmax(0,1fr);gap:1.2rem;align-items:start;min-inline-size:0}.sample-request-drawer__media{display:block;inline-size:9rem;block-size:9rem;border:1px solid var(--sample-request-border);border-radius:.8rem;background:var(--sample-request-surface);overflow:hidden}.sample-request-drawer__media:focus-visible{outline:.2rem solid rgb(var(--color-foreground));outline-offset:.2rem}.sample-request-drawer__image{display:block;inline-size:100%;block-size:100%;object-fit:cover}.sample-request-drawer__image-placeholder{display:grid;place-items:center;inline-size:100%;block-size:100%;background:var(--sample-request-surface)}.sample-request-drawer__image-placeholder:before{content:"";inline-size:3rem;block-size:3rem;border:1px solid var(--sample-request-border);border-radius:.4rem;opacity:.55}.sample-request-drawer__content{display:grid;gap:1rem;min-inline-size:0}.sample-request-drawer__title{display:block;color:rgb(var(--color-foreground));font-size:calc(var(--font-body-scale) * 1.6rem);font-weight:500;line-height:1.35;overflow-wrap:break-word;text-decoration:none}.sample-request-drawer__title:hover{text-decoration:underline;text-underline-offset:.3rem}.sample-request-drawer__actions{display:flex;flex-wrap:wrap;align-items:center;gap:1rem}.sample-request-drawer__quantity{display:inline-flex;align-items:center;inline-size:fit-content;max-inline-size:100%;border:1px solid var(--sample-request-border);border-radius:999rem;background:rgb(var(--color-background));overflow:hidden}.sample-request-drawer__quantity-button{display:inline-flex;align-items:center;justify-content:center;inline-size:4rem;min-inline-size:4rem;min-block-size:4rem;padding:0;color:rgb(var(--color-foreground));background:transparent;border:0;cursor:pointer}.sample-request-drawer__quantity-input{inline-size:4.8rem;min-inline-size:0;min-block-size:4rem;padding:0;border:0;color:rgb(var(--color-foreground));font:inherit;font-size:1.6rem;font-weight:500;text-align:center;background:transparent;-webkit-appearance:textfield;appearance:textfield}.sample-request-drawer__quantity-input::-webkit-outer-spin-button,.sample-request-drawer__quantity-input::-webkit-inner-spin-button{margin:0;-webkit-appearance:none;appearance:none}.sample-request-drawer__remove{display:inline-flex;align-items:center;justify-content:center;min-block-size:4rem;padding:.8rem 1.2rem;border:1px solid var(--sample-request-border);border-radius:999rem;color:rgb(var(--color-foreground));background:rgb(var(--color-background));font:inherit;font-size:calc(var(--font-body-scale) * 1.3rem);line-height:1.2;cursor:pointer}.sample-request-drawer__quantity-button:hover,.sample-request-drawer__remove:hover{color:var(--sample-request-accent)}.sample-request-drawer__quantity-button:focus-visible,.sample-request-drawer__quantity-input:focus-visible,.sample-request-drawer__remove:focus-visible{outline:.2rem solid currentColor;outline-offset:.3rem}.sample-request-drawer__fields{display:grid;gap:1.4rem;padding-block-start:2rem;border-block-start:1px solid var(--sample-request-border)}.sample-request-drawer__field{display:grid;gap:.7rem}.sample-request-drawer__label{font-family:var(--font-body-family);font-size:calc(var(--font-body-scale) * 1.3rem);font-weight:500;line-height:1.3;color:rgb(var(--color-foreground))}.sample-request-drawer__input{inline-size:100%;min-block-size:4.8rem;padding:1.2rem 1.4rem;border:1px solid var(--sample-request-border);border-radius:.9rem;font-family:var(--font-body-family);font-size:max(1.6rem,calc(var(--font-body-scale) * 1.5rem));line-height:1.35;color:rgb(var(--color-foreground));background:rgb(var(--color-background));box-sizing:border-box}.sample-request-drawer__input::placeholder{color:rgba(var(--color-foreground),.5);opacity:1}.sample-request-drawer__input:focus,.sample-request-drawer__input:focus-visible{border-color:var(--sample-request-accent);outline:.2rem solid var(--sample-request-accent);outline-offset:.2rem}.sample-request-drawer__submit{inline-size:100%;min-block-size:5rem;padding:0 2rem;border:1px solid var(--sample-request-accent);border-radius:999rem;font-family:var(--font-body-family);font-size:calc(var(--font-body-scale) * 1.3rem);font-weight:500;letter-spacing:.04em;color:#fff;background-color:var(--sample-request-accent);cursor:pointer}.sample-request-drawer__submit:hover{border-color:rgb(var(--color-foreground));background-color:rgb(var(--color-foreground))}.sample-request-drawer__submit:focus-visible{outline:.2rem solid var(--sample-request-accent);outline-offset:.3rem}@media(max-width:749px){.sample-request-drawer-modal{--sample-request-drawer-edge-padding: 0rem;--sample-request-drawer-content-padding: 1.6rem}xo-modal.sample-request-drawer-modal[xo-placement*=-right] .xo-modal-content__header{padding-block:2rem 1rem;padding-inline:var(--sample-request-drawer-content-padding)}.sample-request-drawer-modal .xo-modal-content__header-text{margin-inline-start:0}xo-modal.sample-request-drawer-modal[xo-placement*=-right] .xo-modal-content__content{padding-inline:var(--sample-request-drawer-edge-padding)}.sample-request-drawer-floating{inset-block-end:calc(env(safe-area-inset-bottom) + 8rem);inset-inline-end:1.6rem;inline-size:5.4rem;block-size:5.4rem}.sample-request-drawer{padding:var(--sample-request-drawer-content-padding)}.sample-request-drawer__item-row{grid-template-columns:8rem minmax(0,1fr);gap:1.2rem}.sample-request-drawer__media{inline-size:8rem;block-size:8rem}}@media(max-width:379px){.sample-request-drawer__item{padding:1rem}.sample-request-drawer__item-row{grid-template-columns:1fr}.sample-request-drawer__media{inline-size:100%;block-size:auto;aspect-ratio:1}.sample-request-drawer__actions{align-items:flex-start;flex-direction:column}.sample-request-drawer__quantity{inline-size:min(100%,15rem)}}
/*# sourceMappingURL=/cdn/shop/t/4/assets/section-sample-request-drawer.css.map */