.package-contents{display:block;padding:2rem 1.6rem;border-radius:1.6rem;background-color:rgb(var(--color-background-input))}.package-contents__title{margin:0}.package-contents__summary{display:flex;flex-wrap:wrap;align-items:center;gap:.6rem 1.2rem;margin:.8rem 0 .4rem;font-size:1.6rem;font-weight:var(--font-body-weight-large)}.package-contents__count{display:inline-flex;align-items:center;gap:.8rem}.package-contents__count+.package-contents__count:before{content:"\b7";margin-right:.4rem;color:var(--color-foreground-muted)}.package-contents__count[data-state=in]{color:var(--stock-green)}.package-contents__count[data-state=backorder]{color:var(--stock-amber)}.package-contents__count[data-state=out]{color:var(--stock-red)}.package-contents__count[data-state=discontinued]{color:var(--stock-grey)}.package-contents__count .icon{flex-shrink:0}.package-contents__intro{margin:0 0 1.6rem;color:var(--color-foreground-muted);font-size:1.5rem;line-height:1.45}.package-contents__items{display:grid;grid-template-columns:minmax(0,1fr);gap:1rem;margin:0;padding:0}.package-contents__item{display:flex;min-width:0}.package-contents__card{display:grid;grid-template-columns:7.2rem minmax(0,1fr) auto;grid-template-areas:"photo name more" "photo model more" "photo rating more" "photo stock more";grid-template-rows:auto auto auto auto;align-content:center;align-items:center;column-gap:1.4rem;row-gap:.4rem;width:100%;margin:0;padding:1.2rem 1.4rem;border:.1rem solid var(--color-line);border-radius:1.2rem;background-color:rgb(var(--color-background-input));color:rgb(var(--color-foreground));font:inherit;text-align:left;cursor:pointer;transition:border-color .15s ease}.package-contents__card:hover{border-color:rgb(var(--color-foreground),.45)}.package-contents__card:focus-visible{outline:.2rem solid rgb(var(--color-foreground));outline-offset:.2rem}.package-contents__type{margin:0;color:var(--color-foreground-muted);font-size:1.1rem;font-weight:var(--font-body-weight-large);letter-spacing:.1em;line-height:1.3;text-transform:uppercase}.package-contents__photo{grid-area:photo;position:relative;display:block;width:100%;aspect-ratio:1 / 1;overflow:hidden}.package-contents__photo img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:contain}.package-contents__name{grid-area:name;align-self:end;font-size:1.6rem;font-weight:var(--font-body-weight-large);line-height:1.3}.package-contents__model{grid-area:model;font-size:1.3rem;line-height:1.35;color:var(--color-foreground-muted)}.package-contents__sku{white-space:nowrap}@media screen and (min-width:750px){.package-contents__model{font-size:1.4rem}}.package-contents__quantity{color:var(--color-foreground-muted);font-weight:var(--font-body-weight-medium);white-space:nowrap}.package-contents__rating{grid-area:rating;display:inline-flex;align-items:center;gap:.6rem;font-size:1.4rem}.package-contents__rating-count{text-decoration:underline;text-underline-offset:.3rem}.package-contents__stock{grid-area:stock;align-self:start;font-size:1.3rem;line-height:1.4}.package-contents__stock .availability-line__sub,.package-contents__stock .availability-line__dot{color:var(--color-foreground-muted);font-weight:var(--font-body-weight-medium)}.package-contents__stock .availability-line__sub{white-space:nowrap}.package-contents__more{grid-area:more;display:inline-flex;align-items:center;gap:.6rem;font-size:1.5rem;font-weight:var(--font-body-weight-large)}.package-contents__more-text{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}.package-contents__more .icon{flex-shrink:0;width:1.8rem;height:1.8rem}.package-drawer{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1002}.package-drawer[hidden]{display:none}body:has(.package-drawer:not([hidden])){overflow:hidden}body:has(.package-drawer:not([hidden])) #FileModal[open]{z-index:1003}body:has(.package-drawer:not([hidden])) #tidio-chat,body:has(.package-drawer:not([hidden])) #tidio-chat-iframe{display:none!important}.package-drawer .package-drawer__overlay{display:block;position:absolute;top:0;right:0;bottom:0;left:0;background-color:#231c1773;opacity:0;transition:opacity .25s ease}.package-drawer.is-open .package-drawer__overlay{opacity:1}.package-drawer__panel{position:absolute;left:0;right:0;bottom:0;display:flex;flex-direction:column;max-height:88vh;max-height:88dvh;overflow-y:auto;overscroll-behavior:contain;border-radius:1.6rem 1.6rem 0 0;background-color:rgb(var(--color-background-input));color:rgb(var(--color-foreground));transform:translateY(100%);transition:transform .3s cubic-bezier(.2,.8,.2,1);outline:none}.package-drawer.is-open .package-drawer__panel{transform:none}.package-drawer.is-dragging .package-drawer__panel{transition:none}.package-drawer__grabber,.package-drawer__head{touch-action:none}.package-drawer .package-drawer__grabber{display:block;flex-shrink:0;width:3.6rem;height:.4rem;margin:1rem auto 0;border-radius:.2rem;background-color:var(--color-line)}.package-drawer__item[hidden]{display:none}.package-drawer__head{display:grid;grid-template-columns:8.8rem minmax(0,1fr) auto;align-items:start;gap:1.4rem;padding:1.6rem 1.6rem 1.8rem;border-bottom:.1rem solid var(--color-line)}.package-drawer__thumb{display:flex;align-items:center;justify-content:center;width:8.8rem;height:8.8rem;padding:.6rem;border:.1rem solid var(--color-line);border-radius:1rem;box-sizing:border-box}.package-drawer__thumb img{width:100%;height:100%;object-fit:contain}.package-drawer__heading{display:flex;flex-direction:column;gap:.4rem;min-width:0;padding-top:.2rem}.package-drawer__name{margin:0;font-size:2rem;font-weight:var(--font-body-weight-large);line-height:1.25}.package-drawer__rating{display:inline-flex;align-items:center;gap:.6rem;width:fit-content;color:rgb(var(--color-foreground));font-size:1.4rem;text-decoration:underline;text-underline-offset:.3rem}.package-drawer__stock{font-size:1.4rem;line-height:1.4}.package-drawer__stock .availability-line__sub,.package-drawer__stock .availability-line__dot{color:var(--color-foreground-muted);font-weight:var(--font-body-weight-medium)}.package-drawer__stock .availability-line__sub{white-space:nowrap}.package-drawer__close{display:flex;align-items:center;justify-content:center;width:4.4rem;height:4.4rem;margin:0;padding:0;border:.1rem solid var(--color-line);border-radius:50%;background-color:rgb(var(--color-background-input));color:rgb(var(--color-foreground));cursor:pointer}.package-drawer__close:hover{border-color:rgb(var(--color-foreground))}.package-drawer__body{display:flex;flex-direction:column;gap:2.4rem;padding:2rem 1.6rem 2.4rem}.package-drawer__label{margin:0 0 1rem;color:var(--color-foreground-muted);font-size:1.2rem;font-weight:var(--font-body-weight-large);letter-spacing:.08em;text-transform:uppercase}.package-drawer__overview-cue{--scroll-cue-background: #ffffff}.package-drawer__overview{display:flex;gap:.8rem;margin:0;padding:0;overflow-x:auto;overscroll-behavior-x:contain;scroll-snap-type:x proximity;scrollbar-width:none}.package-drawer__overview::-webkit-scrollbar{display:none}.package-drawer__highlight{display:flex;flex:0 0 auto;align-items:center;gap:.8rem;min-height:4.8rem;padding:.6rem 1.4rem .6rem .6rem;border:.1rem solid var(--color-line);border-radius:.8rem;font-size:1.4rem;font-weight:var(--font-body-weight-medium);white-space:nowrap;scroll-snap-align:start}.package-drawer__highlight img{width:3.6rem;height:3.6rem;padding:.5rem;border-radius:.6rem;background:#f3efe8;object-fit:contain}.package-drawer__specs{margin:0;overflow:hidden;border:.1rem solid var(--color-line);border-radius:1rem}.package-drawer__spec{display:grid;grid-template-columns:42% minmax(0,1fr);gap:1.2rem;padding:1.1rem 1.4rem;font-size:1.4rem;line-height:1.4}.package-drawer__spec+.package-drawer__spec{border-top:.1rem solid var(--color-line)}.package-drawer__spec dt{color:var(--color-foreground-muted)}.package-drawer__spec dd{margin:0;font-weight:var(--font-body-weight-large)}.package-drawer__files{display:flex;flex-wrap:wrap;gap:.8rem}.package-drawer__files>*,.package-drawer__files .file-display__link-wrapper{display:flex;min-width:0;max-width:100%}.package-drawer__files .file-display{display:flex;align-items:center;gap:1rem;max-width:100%;min-height:4.4rem;margin:0;padding:.6rem 1.2rem .6rem .6rem;border:.1rem solid var(--color-line);border-radius:.8rem;color:rgb(var(--color-foreground));box-sizing:border-box;cursor:pointer}.package-drawer__files .file-display:hover{border-color:rgb(var(--color-foreground))}.package-drawer__files .file-display__icon{display:flex;flex-shrink:0;align-items:center;justify-content:center;width:3.2rem;height:3.2rem;border-radius:.6rem;background-color:rgb(var(--color-foreground))}.package-drawer__files .file-display__icon img{width:1.6rem;height:1.6rem;filter:brightness(0) invert(1)}.package-drawer__files .file-display__info{display:flex;align-items:baseline;gap:.8rem;min-width:0}.package-drawer__files .file-display__name{overflow:hidden;font-size:1.4rem;font-weight:var(--font-body-weight-medium);text-overflow:ellipsis;white-space:nowrap}.package-drawer__files .file-display__type{color:var(--color-foreground-muted);font-size:1.1rem;font-weight:var(--font-body-weight-large)}.package-drawer__link{display:inline-flex;align-items:center;justify-content:center;gap:.8rem;width:100%;min-height:5.2rem;padding:0 2.4rem;border:.1rem solid var(--color-border-control);border-radius:var(--buttons-radius);background-color:rgb(var(--color-background-input));color:rgb(var(--color-foreground));font-size:1.6rem;font-weight:var(--font-body-weight-large);text-decoration:none;box-sizing:border-box}.package-drawer__link:hover{border-color:rgb(var(--color-foreground))}@media screen and (max-width:749px){.package-drawer__link{position:sticky;bottom:1.6rem;z-index:1;box-shadow:0 0 0 1.6rem rgb(var(--color-background-input))}}@media screen and (min-width:750px){.package-contents{padding:3.2rem}.package-contents__summary{margin:1rem 0 .4rem}.package-contents__intro{margin-bottom:2.4rem}.package-contents__items{grid-template-columns:repeat(4,minmax(0,1fr));gap:1.6rem}.package-contents__card{display:flex;flex-direction:column;align-items:flex-start;padding:1.8rem}.package-contents__type{font-size:1.2rem}.package-contents__photo{margin:0 0 1.8rem}.package-contents__name{align-self:auto;font-size:1.7rem}.package-contents__model{margin-top:.4rem}.package-contents__rating{margin-top:.8rem}.package-contents__stock{align-self:auto;margin-top:.8rem}.package-contents__more{margin-top:auto;padding-top:1.6rem;text-decoration:underline;text-decoration-thickness:.1rem;text-underline-offset:.3rem}.package-contents__more-text{position:static;width:auto;height:auto;overflow:visible;clip:auto}.package-contents__more .icon{width:1.4rem;height:1.4rem}.package-drawer__panel{top:0;left:auto;width:min(48rem,100vw);max-height:none;border-radius:0;transform:translate(100%)}.package-drawer .package-drawer__grabber{display:none}.package-drawer__head,.package-drawer__body{padding:2.4rem}}@media screen and (min-width:750px)and (max-width:989px){.package-contents__items{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(prefers-reduced-motion:reduce){.package-drawer__panel,.package-drawer__overlay{transition:none}}
/*# sourceMappingURL=/cdn/shop/t/249/assets/section-package-contents.css.map */